Re: A nagy CSS kérdés

Előzmény: A nagy CSS kérdés

Megvan. Szóval, van ugye egy fenti, egy konténer, meg egy lenti div, és ezek mondjuk így néznek ki CSS ügyileg:


div#kontener
{
padding: 0px;
margin: 0px;
height: 100%;
}
div#felul
{
padding: 0px;
margin: 0px;
position: relative;
top: 0px;
left: 0px;
}
div#alul
{
padding: 0px;
margin: 0px;
position: absolute;
bottom: 0px;
left: 0px;
}

és így a HTML része:


<div id="kontener">
<div id="felul"> felül </div>
<div id="alul"> alul </div>
stb.
</div>

Ez ugye eddig is rendben volt, de ha a szöveg nem ért végig, akkor biza fent volt az a div, aminek lent kéne lennie. Akkor most jön a lényeg, egy CSS megoldás, ami biztosan garantálja, hogy felül, középen és alul marad minden, és mindenki. Ugye alapjában mindig formázzuk a bodyt, de én pl. soha nem szoktam a html részt. Na ez hiba. Tehát így:


body,
html
{
padding: 0px;
margin: 0px;
height: 100%;
}

Ez minden böngészőben, valid, szemantikus és egybenlévő alakzatot fog adni. Nem kell ide javascript meg mindenféle hack.

Elnézést azoktól, akiknek ez megy, és halálra untattam őket ;]

« »

mefiblog logó

Írja és rendezi Mefi, avagy Nádai Gábor © 2005-2024

A blogot büszkén pörgeti a WordPress motorja, Anders Norén sablonjának átbuherált változatával.