ugrás a tartalomhoz

IE hiba float:left / right kombinációnál.

beef · 2006. Már. 9. (Cs), 13.15
Nos a problémám a következő, van egy bal és jobb oldali elemem fix mérettel és a középső résznek (ami mindig kitöltené a két elem közti felmaradó területet), ha magasság értéket adok, azonnal megjelenik egy kb. 2 pixeles hézag az elemek között. Ami nem jó :)
Ez persze csak IE alatt. Opera, FF jól lekezeli.
Mit kell még tennem, hogy jó legyen?

Itt a HTML rész:
<div class="bal">bal</div>
<div class="jobb">jobb</div>
<div class="kozep">kozep</div>


Itt a CSS kód:
.bal {
width: 10px;
height: 50px;
background-color: Black;
float: left;
}

.kozep {
background-color: Red;
height: 50px;
}

.jobb {
width: 10px;
height: 50px;
background-color: Green;
float: right;
}
‹ Dokumentáció arról, hogy mennyire nem szeretik a felugró ablakokat? Div elem átlátszóságára van CSS tulajdonság? ›
 ■
1

IE nem szereti white-space-eket

Poetro · 2006. Már. 9. (Cs), 14.26
egyik megoldás:

<div class="bal">bal</div><div class="jobb">jobb</div><div class="kozep">kozep</div>
--------
Poetro
2

<Nincs cím>

beef · 2006. Már. 9. (Cs), 15.38
Kösz az ötletet, kipróbáltam, továbbra is ott az üres csík :(

Viszont, ha így csinálom akkor jó:

.kozep {
background-color: Red;

/* a height helyett */
line-height: 50px;
}
Esetleg azért, ha valakinek lenne ennél kevésbé brutális módszere, azt szívesen venném.
3

Ez egy IE hiba

Anonymous · 2006. Már. 9. (Cs), 20.03
Itt írnak róla