ugrás a tartalomhoz

Hibás CSS használat?

lamase · 2006. Ápr. 11. (K), 13.47
Egy másik forumban is érdeklődtem, hogy a http://codenamegta.hu/forums miért nem úgy jelenik meg FX-ben mint IE-ben, az ott elhangzottak nyújtottak egy kis segítséget, de még mindig nem 100%-os a hasonlóság a két böngészőben. Egy 80%-os eggyezésel is elégedett lennék. A kommentek kilistázásával van a bajom, ez néz ki teljesen másképp a két böngészőben. FX-ben nem kapja meg a .jpg hátteret.
  1. div.forum_top { width: 466px; background-image: url(date.jpg); }  
  2. div.forum_top_1 { width: 80px; float: left; text-align: center; font-size: 10px; }  
  3. div.forum_top_2 { width: 383px; float: right; font-size: 10px; color: #FFFFFF; padding-left: 2px; text-align: left; }  
  4. div.forum_top_3 { width: 381px; float: right; padding: 2px; text-align: left; }  
  5. div.forum_comment { width: 466px; background-image: url(comment.jpg); }  
Ezt a css kódot használom, nem igazán tudom mi a hibája.

Remélem ti tudtok segíteni, köszönöm mindenkinek!
‹ Tidy problema, tidy konfig, vagy kikapcsolás? Minden külső javascript jogsértő? ›
 ■
1

Float, nem float

Török Gábor · 2006. Ápr. 11. (K), 14.22
A floatolt elemek nem befolyásolják a nem floatolt szülő elem méretét. Éppen ezért például a konténernek használt forum_top vagy forum_comment dived nem öleli körbe a teljes bejegyzést, mert benne gyakorlatilag csak floatolt elem van. A te szerkezeted a következő nagyjából, ha jól sikerült kihámoznom:
  1. <div class="forum_comment">  
  2.   <div class="forum_top_1"></div>  
  3.   <div class="forum_top_3"></div>  
  4. </div>  
  5. <div class="forum_top">  
  6.   <div class="forum_top_1"></div>  
  7.   <div class="forum_top_2"></div>  
  8. </div>  
Ezen indulj el, most nincs időm mélyebben elmélyülni benne.
2

Floatolt tartalmak lebegnek

Jano · 2006. Ápr. 11. (K), 14.23
A kép ott van, csak az az elem aminek adod 0 magasságú, mert a benne lévő összes elem floatolt. Egy elem ha floatolt akkor a befoglalo elembol kiloghat. Keress itt fórumban vagy google-ben erre megoldást. (Megoldások lehetnek: egy plusz clear:both-os elem a befoglalo elemben belül legutolsónak, befoglalo elem floatolasa, vagy befoglalo elemnek overflow:auto)
3

köszönöm

lamase · 2006. Ápr. 11. (K), 14.34
köszönöm a hozzászólásokat, megpróbálom ez alapján megcsinálni.