Hogyan szorítani a pincétől a az oldal alján

előző ◈ a következő

Ez a módszer, amely egy negatív francia ismertetett számos honlapok. Szeretnék beszélni néhány nem nyilvánvaló pontok és problémák merülhetnek fel. Kezdeni, szükségünk van két blokk: alap, amely az összes, de a pincében, és a pince is.



A magasság a blokk page-átalakító méretétől függ a test, így html és a test szükséges beállítani a magassága 100%, anélkül, hogy az alján a pincében nem akarat sajtó. Emiatt körül page-átalakító kell más címkéket.

Html és a test az alapértelmezett esetben margók (margin és padding), adunk egy adott magasságot, így szükségtelen a görgetősáv jelenik meg. Ezeket az eltolódásokat kell visszaállítani.

Nyújtsd a blokk page-wrapper teljes magassága az ablak a min-height. Használatához szükséges min-height, de nem magas, nem korlátozzák a magassága a blokk hosszú oldalakon. Az IE6, ezek a funkciók nem működnek megfelelően, így kell egy normális magassági által meghatározott, a * html tervez, hogy figyelmen kívül hagyja a többi böngésző.

Blokk page-footer mögött az alsó széle az ablakokat, és meg kell mozgatni azt. A leglogikusabb fognak használni ezt a negatív margin-top, de vele a pincében a régi változatai IE egyáltalán el fog tűnni. Ezért szükséges, hogy egy negatív alsó margó a blokk page-wrapper. A behúzás, hogy az egyenlő a magassága a pincében (50 képpont ebben a példában).

oldal-wrapper min-height. 100%;
margin-bottom. -50px;
>
* Html .page-wrapper magasságot. 100%;
>

Most pince borító alsó része az oldal, és a hosszú oldalak rejtett alatta a tartalmat. Ennek elkerülése érdekében szükség van a bemélyedés alján page-átalakító egységet. De a kitöltés nem lehet használni, mert hozzá kell adni az abszolút magasságot. Ezért vagyunk hozzá egy üres blokk magassága azonos a magassága a pincében. Ez történt a végén:






html, testmagasság. 100%;
árrés. 0;
padding. 0;
>
.oldal-wrapper min-height. 100%;
margin-bottom. -50px;
>
* Html .page-wrapper magasságot. 100%;
>
.oldal-ütköző magasságát. 50px;
>

Talán azt gondolta, hogy furcsa, hogy a magassága a blokk page-footer sosem. Az a tény, hogy a magassága a pincében nem befolyásolja az álláspontját, és csak akkor van szükség, ha az alján a pince pontosan meg kell egyeznie az az oldal alján. Például, ha a pincében saját háttérrel.

Néha, miután egyéb hozzáadott elemeket az oldalon megjelenik érthetetlen görgetősáv. Ennek az az oka, hogy a felső elem (leggyakrabban egy cím vagy szövegbekezdést) az árrés, aki játszik a blokk az oldal szélére-wrapper. A cikk szerint Ivan Sagalaeva körülbelül keret és kitöltés részletesen tárgyalja ezt a kérdést, és hogyan lehet megoldani. A legegyszerűbb módja annak, hogy megszabaduljunk a tekercset, felváltva a különbözet ​​a felső elem padding.

Kapcsolódó cikkek

előző ◈ a következő