ugrás a tartalomhoz

Divben floatolt diveknél a külső div háttérszínét nem látom

Aquir · 2005. Dec. 4. (V), 23.38
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?
  1. <html>  
  2. <head>  
  3. <title>Untitled</title>  
  4. <link rel="stylesheet" type="text/css" href="kellek/stilus.css">  
  5. </head>  
  6. <body id="body">  
  7. <div id="fokeret">  
  8. <div id="menu">ngbxnxn</div>  
  9. <div id="kozep">gnfgnfngvn</div>  
  10. <div id="jobboldal">bhzhdhnd</div>  
  11. </div>  
  12. </body>  
  13. </html>  
és itt van hozzá a teljesen alap CSS is:
  1. #body {background:#F0DEAE; text-align:center;}  
  2. #fokeret {width:762px; margin-left:auto; margin-right:auto; background-color:#C9BA92; text-align:left;}  
  3. #menu {width:200px; height:250px; background-color:#C90D31; float:left;}  
  4. #jobboldal {width:200px; height:250px; background-color:#2E10C9; float:right;}  
  5. #kozep {width:250px; height:400px; background-color:#0BC910; float:left;}  
‹ Táblázatban görgetősáv Egy gomb CSS osztályának megváltoztatás JS-en keresztül ›
 ■
1

<Nincs cím>

noocx · 2005. Dec. 4. (V), 23.59
Szia!

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>
2

<Nincs cím>

noocx · 2005. Dec. 5. (H), 00.08
S ha mindezt plusz html elem alkalmazasa nelkul szeretned megoldani:

http://www.positioniseverything.net/easyclearing.html

</noocx>
3

Működik

Aquir · 2005. Dec. 5. (H), 00.56
Köszönöm szépen a gyors választ. Így sikerült is megoldani, mostmár Firefox 1.5 alatt is jól mutatja a háttérszineket.