Lebegő elemek és a "Float (Nearly) Everything" metódus
Steve Smith azok közé tartozik, akik a lebegő (float) elemek használatát favorizálják a pozícionált struktúrákkal ellentétben oldalkialakítások készítésekor. Ezeknek azonban az az aprócska hátránya, hogy mindig törölni kell a lebegés érvényességét ahhoz, hogy az utánuk következő szöveg teljesen alattuk kezdődjön. Ehhez azonban egy új clear tulajdonsággal felruházott HTML elem felvétele szükséges, ami eléggé feleslegesnek látszik...
Bizony, felesleges is, ha egy kicsit többet foglalkozunk a stíluslapunkkal, és a plusz HTML kód bevezetése helyett a lebegő elemet hordozó elemeket is lebegőnek állítjuk be. Steve módszerét Float (Nearly) Everything néven mutatta be az érdeklődőknek egy teljes példa oldallal is illusztrálva az oldal elrendezéseknél tapasztalható hasznosságát.
■ Bizony, felesleges is, ha egy kicsit többet foglalkozunk a stíluslapunkkal, és a plusz HTML kód bevezetése helyett a lebegő elemet hordozó elemeket is lebegőnek állítjuk be. Steve módszerét Float (Nearly) Everything néven mutatta be az érdeklődőknek egy teljes példa oldallal is illusztrálva az oldal elrendezéseknél tapasztalható hasznosságát.
vigyazat
1. Floatok eseten mashogy kezelodik a talalkozo margok szamolasa. (amikor egy bekezdesen beluli kep floatolt es mindkettonek van margoja akkor mindketto ervenyes, nem csusznak "egybe")
2. Egy normal blokk elem alapbol olyan szeles amennyit a szulo elem enged. Egy floatolt elem nem tolti ki a szelesseget.
CSS2 szerint explicit szelesseg erteket kell neki adni, CSS2.1 szerint pedig nem teljesen definialt, hogy mi tortenjen, pl lehet a benne levo elemek szelessegevel egyezo. (CSS3 mar ezutobbi shrink-fit viselkedest mondja ki)
3. a floatol elemeket nem lehet kozepre igazitani (ez a cikkben is szerepel)
4. Nem lehet egyszerre floatolni es pozicionalni egy elemet. (a floatolt elem azert szolgalhat egy position:relative megadassal "viszonyitasi pontkent" egy benne pozicionalt elemnek.)
[OFF] Beszélnék veled!
-boogie-
Középre igazítás
.kozepre {
width: 300px;
margin-left: auto;
margin-right: auto;
}
Üdv.: BarLac
Tévedsz :-)
Re: Tévedsz :-)
Üdv.: BarLac