Hogyan készítsünk egy láblécet a HTML oldalak alján

Rögzített pincében

A webes fejlesztők zsargonjának alagsorát a webhely alsó részének nevezik, ahol a szerzői jogok meg vannak írva, a kapcsolatok megjelentek, a különböző számlálók közzétételek és hasonló információk. Általában az alagsor az egész tartalom után helyezkedik el, és csak az oldal görgetésekor látható. Bizonyos esetekben ajánlatos, hogy mindig rendelkezésre álljon, függetlenül az oldalak magasságától, és rögzítse a böngészőablak alján.

Ehhez használjuk a pozíció tulajdonságot és a rögzített értéket. Az elem egy helyen marad, és pozícióját koordináták állítja be a felső, jobb, alsó, bal oldali tulajdonságok révén. A mi esetünkben elegendő a nulla értékek balra és aljára. A rögzített elemek szélessége megegyezik a tartalmukkal, amely észrevehető, ha háttérszínt vagy mintát ad hozzá, így szükség van a szélesség szélességére (példa).

1. példa. Rögzített pincében

XHTML CSS IECROCROCHSAFX

A példa eredménye rizsben látható. 1.

Rizs. 1. Az oldal alján alapuló

Az Internet Explorer 6 böngészője nem támogatja a fix értéket, így ez a példa megfelelően működik. Az IE6-nak kiegészítenie kell a két DIV-címkék kódját a tartalom és a lábléc tartályok belsejében, valamint egy másik stílust is, amely kifejezetten ehhez a böngészőhez (példa).

2. példa. IE6 kód

XHTML CSS IECROCROCHSAFX

Ez a példa abszolút tulajdonságok pozícióját használja. Abszolút helymeghatározás, az elem lehet helyezni bárhol a böngésző ablakot, de görgetése tartalmával együtt. Ez a rögzített és abszolút értékek közötti fő különbség. Az alagsorba nem mozdult, az oldal magassága% -ban van beállítva, és mindent levágnak, amely nem az aktuális ablakméretekben van elhelyezve. Ugyanakkor a függőleges görgetősáv eltűnik, a túlcsordulás segítségével hozzá kell adni a tartalomhoz.

Egy másik kellemetlen pillanat a görgetősínen lévő alagsor átfedési háttere, így be kell állítania a scrolbar szélességhez való jogot. Ugyanakkor, ha nincsenek görgetések, akkor lesz egy lyuk az alagsorban jobbra.