Sie haben JavaScript deaktiviert. Vermutlich sind Sie ein Kollege und wollen nur sehen, ob meine Website auch ohne JavaScript funktioniert.
Andernfalls: Bitte aktivieren Sie JavaScript!
hr { color : #000; height : 1px; padding : 0; border-color : #000; border-width : 1px 0 0 0; border-style : solid; margin: 1em 0; }
<div class="hr1"><hr /></div> und ins CSS: .hr1 { margin : 1em 0; height: 10px; background: transparent url(bild.gif); } .hr1 hr { display: none; }
in dieser oder ähnlicher Form eine der häufigsten Fragen in diversen Foren rund um CSS. Eine sehr schöne Lösung des Problems findet sich bei externer Link: positioniseverything.net
Zum Verständnis kurz die Einleitung dieses Beitrags:
Ein float innerhalb eines Containers zwingt den unteren Rand des umschließenden Containers nicht automatisch so weit nach unten, dass der floatende Inhalt vom Container umschlossen wird ...
Die Lösung sieht dann am Beispiel eines divs namens "wrap" so aus:
#wrap:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; } * html #wrap {height: 1%;} *:first-child+html #wrap {height:1%;}