nicht angemeldet
Hallo Leute,
ich habe folgendes Problem: Ich habe n Container nebeneinander. Alle Container bis auf den letzten haben eine Weite die durch ihren Inhalt definiert wird. Alle Container müssen einen Border-Bottom besitzen, die allerdings verschiedene Farben haben können.
Ich habe untenstehenden Code ausprobiert. Funktioniert im FF, aber im IE ist zwischen dem braunen und blauen div eine Lücke von 3px Breite.
Wie kriege ich diese Lücke weg?
Gruß
Paul
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
</head>
<body>
<div style="height:30px;background-color:yellow;width:100%;">
<div style="width:100px; height:29px; border-bottom:1px solid red; background-color:orange;float:left;"/></div>
<div style="width:80px; height:29px; border-bottom:1px solid green; background-color:brown;float:left;"/></div>
<div style="height:29px; background-color:blue;border-bottom:1px solid red;"></div>
</div>
</html>