nicht angemeldet
Folgendes Problem:
Zwischen zwei übereinander liegenden Artikeln soll eine 1 Pixel hohe Linie erscheinen. Ein Artikel besteht aus zwei nebeneinander liegenden Divs, die variablen Inhalt bekommen und daher nicht in der Höhe fixiert sind. (Ich will das auch nicht mit JavaScript angleichen. Jedenfalls nicht wenn es nicht unbedingt nötig ist.)
Die Linie darf wirklich nur 1 Pixel hoch sein, da die Artikel-Divs genau anliegen müssen.
Im Mozilla kein Problem mit dieser Klasse:
.orangeBorder {
clear: both;
height:1px;
background-color:#F7B862;
margin:0;
padding:0;
}
HTML: <div class="orangeBorder"> </div>
Im IE 6 komme ich mit der zusätzlichen Angabe von font-size:1px immerhin auf eine 2 Pixel dicke Linie. Wenn ich das Div mit einem Spacer-Gif fülle geht es zwar. Aber es gibt hoffentliche eine bessere Lösung.
Semantisch am geeignetesten wäre sicher eine HR. Die erwies sich allerdings als noch weitaus sperriger. Nach Möglichkeit sollte die Lösung als XHTML 1.0 Strict validieren, wenn auch eher aus sportlichen Gründen.