Hogyan szorítani a lábléc, hogy az alján a böngésző ablak
Előfordul, hogy a design a helyén, hogy szükség lábléc, vagy ahogy nevezik, site pince volt tűzve, hogy az alján a böngésző ablakot, ha kevés vagy semmilyen tartalmához, és viselkednek a szokásos módon, ha a tartalom magassága több mint egy böngészőablakban.
Kötni a lábléc a képernyő alján, meg kell tudni, hogy a magasság (legyen 50px). További megadott elem html test, és a magassága 100%, és távolítsa el a behúzás. A tartalom írásban egység (rendelni neki id = „content”), és helyezzük egy tartályban a relatív helymeghatározás (rendelni neki id = „container”) és egy lábléc magassága 50 px egység is a relatív helymeghatározás és intézkedik, hogy miután a tartály.
Most van egy görgetősáv, és a lábléc található alsó széle alatt az ablakon. Meg kell azt emelni a magasságát. Hozzárendel egy margin-top: -50px, és ha van egy Lábjegyzet keret, majd emelje fel a magassága a footer szükséges Lábjegyzet + szélessége a keret.
Most, ha a tartalom kicsi, a lábléc továbbra is nyomni a képernyő alján. És ha a sok? Nézd, és elborzadt. Tartalom kúszott alá a lábléc. Ennek kiküszöböléséhez elegendő, hogy megakadályozza a „tartalom” pont otsup: padding-bottom: 50px.
Kiborulni IE6 szükséges alkalmazni egy hack vagy feltételes megjegyzés, mert nem érti a tulajdonságai min-height.
! Mert IE6 kezeli fontos hiba, akkor lehet használni: minden böngésző alkalmazni magasság: auto, és IE6 A közelmúltban, a magasság értéke - 100%, hogy szükségünk van.
De nem csak IE6 nem úgy viselkedik, ahogy kellene, de az Opera 9.xx. Ha megnyitjuk Opera jeleníti meg Lábjegyzet csak miután a tartalmat, nem pedig az ablak alján, de miután az opera ablak mérete változik Lábjegyzet lesz, ahol terveztük. Ez a hiba megoldható nagyon egyszerűen a link tag: vagy hozzuk stílust külön fájlba töltheti be az link tag, vagy hagyja a dokumentum címét, de miután leírta a stílus az írás minden totzhe tag linket, amely megadja a paraméter href nemlétező fájlt. Elmentem, mint ez:
Vegye figyelembe, hogy ha a paraméter href semmi sem jelzi ezt hack nem működik.
Ez minden. Lábjegyzet csatlakozik a képernyő alján, a tartalmat nem mögött, és mindent helyesen jelenik meg, az összes népszerű böngésző.