"Kijachini" kawaida ni sehemu ya chini kabisa ya mpangilio wa ukurasa wa wavuti. Ugumu wa kawaida katika kuweka mguu huu ni kuifanya iwe imewekwa chini ya dirisha kila wakati, bila kujali ukamilifu wa ukurasa au aina ya kivinjari. Kumekuwa na suluhisho kadhaa za shida tangu wakati wa mpito mkubwa wa kuzuia mpangilio, na moja yao imepewa hapa chini.
Ni muhimu
Ujuzi wa kimsingi wa CSS na HTML
Maagizo
Hatua ya 1
Wacha tuchukue mpango wa kawaida wa mpangilio wa ukurasa kama msingi - vitalu vitatu vimewekwa moja juu ya nyingine. Kichwa cha juu kinapaswa kushikamana kila wakati na mpaka wa juu wa dirisha, chini (mguu) - mpaka wa chini, na kuu (mwili) inapaswa kujaza nafasi yote kati yao kila wakati. Nambari ya chanzo lazima iwe na kiunga cha maelezo ya mpito ya XHTML 1.0, na maelezo ya mitindo lazima yawekwe kwenye faili ya nje ya CSS (ili kuepuka shida na Opera 9. XX). Maelezo ya muundo wa HTML lazima yawekwe kwenye kuu mwili wa ukurasa. Itaanza, kwa kweli, kutoka kwa kizuizi cha juu, kwenye lebo ambayo sifa ya kitambulisho na thamani inapaswa kuwekwa, kwa mfano, divHead:
Kizuizi cha kichwa.
Kizuizi kikuu kinapaswa kuwa na jozi ya vitalu vilivyowekwa. Ya nje itapewa kitambulisho cha divOut, na ya ndani - divContent:
Yaliyomo kuu.
Mguu wa miguu umewekwa kwa divFoot:
Kijachini cha ukurasa.
Hatua ya 2
Nambari kamili ya HTML ya ukurasa inapaswa kuonekana kama hii:
Vitalu vitatu
@ kuagiza "style.css";
Hii ni kizuizi cha kichwa.
Yaliyomo kuu.
Hii ndio kijachini cha ukurasa.
Hatua ya 3
Maelezo ya mtindo yanatumia utaratibu wa mpangilio ufuatao: kizuizi cha kati (divOut) kimewekwa kwa urefu wa 100%, kizuizi cha juu (divHead) kitakuwa na nafasi kamili, na ya chini - jamaa. Katika kizuizi kikuu cha yaliyomo (divContent), lazima kuwe na nafasi ya bure juu sawa na urefu wa kizuizi cha kichwa ili isiingie yaliyomo kwenye ukurasa. Na kizuizi cha chini (mguu) kinapaswa kuwa na kando hasi juu, sawa na urefu wa kizuizi hiki. Hii itainua juu ya mpaka wa chini wa dirisha la kivinjari. Utaratibu huu unaweza kutekelezwa kwa kutumia faili ya css na yaliyomo: * {margin: 0; padding: 0}
html, mwili {urefu: 100%;} mwili {
msimamo: jamaa;
rangi: # 000;
}
#gawanya {
margin: 0;
urefu wa min: 100%;
historia: #FFF;
rangi: # 000;
}
* html #gawanya {urefu: 100%;}
#divKichwa {
msimamo: kabisa;
kushoto: 0;
juu: 0;
upana: 100%;
urefu: 80px;
historia: # 2F5000;
kufurika: kufichwa;
andika-maandishi: katikati;
rangi: #FFF;
} #divFoot {
msimamo: jamaa;
wazi: zote mbili;
margin-juu: -60px;
urefu: 60px;
upana: 100%;
rangi ya asili: # 2F5000;
andika-maandishi: katikati;
rangi: #FFF;
}
. DivContent {
upana: 100%;
kuelea: kushoto;
juu-juu: 81px;
} Jina ulilotaja kwa lahajedwali katika nambari ya HTML ni style.css.
