Divben floatolt diveknél a külső div háttérszínét nem látom
Adott 1 teljesen alap oldal, amiben van 1 DIV (nevezzük ezt fokeret-nek), amiben 3 másik div van elhelyezve egymás mellett float-tal. Minden DIV-nek saját háttérszine van és a html-ben a body-nak is állítottam saját háttérszínt. A baj az, hogy a Firefox 1.5 a "fokeret" háttérszínét nem állítja be. A többi DIV-nek olyan a szine mint amire beállítottam, de a fokeret-nek nem, annak megmarad a sima body háttérszín. Opera és Explorer6.0 jól mutatja, tehát átszinezik rendesen. Kérdésem az, hogy mit csinálok rosszul? és itt van hozzá a teljesen alap CSS is:
■ <html>
<head>
<title>Untitled</title>
<link rel="stylesheet" type="text/css" href="kellek/stilus.css">
</head>
<body id="body">
<div id="fokeret">
<div id="menu">ngbxnxn</div>
<div id="kozep">gnfgnfngvn</div>
<div id="jobboldal">bhzhdhnd</div>
</div>
</body>
</html>#body {background:#F0DEAE; text-align:center;}
#fokeret {width:762px; margin-left:auto; margin-right:auto; background-color:#C9BA92; text-align:left;}
#menu {width:200px; height:250px; background-color:#C90D31; float:left;}
#jobboldal {width:200px; height:250px; background-color:#2E10C9; float:right;}
#kozep {width:250px; height:400px; background-color:#0BC910; float:left;}
<Nincs cím>
A problemad az hogy a fokeretben elhelyezett divek mivel floatoltak kiszakadnak a normal flowbol, igy nincsenek hatassal az oket tartlmazo divre ami altal a fokeret div magassaga megkozelitoleg nulla(paddingot, bordert most hagyjuk).
Ezert nem latod a beallitott hatterszint. Van tobb megoldas is, pl teszel bele egy footert clear: both tulajdonsaggal, vagy van kulon technika plusz elem hasznalata nelkul is a "clear-elesre". Ez valahol mar elhangzott itt valamelyik forumban, de mindjart megkeresem neked.
Addig probald ki hogy teszel a fokeret diven belulre a floatolt divek utan egy <div id="footer" style="clear: both;">footer</div> -et.
Hasznos cucc a Web Developer kiterjesztes is firefoxhoz aminel van egy oylan opcio hogy "Outline Block Level Elements" mellyel lathatova is valik a problemad.
</noocx>
<Nincs cím>
http://www.positioniseverything.net/easyclearing.html
</noocx>
Működik