Harlequin: DIV geht über Tabelle hinaus

Beitrag lesen

Yerf!

.box3 { width:auto; background-color:#FF0000; margin:3% 2%}
.box4 { width:auto; background-color:#00FF00; margin:3% 2%}

<div class="box3">Beispieltext 1</div>
<div class="box4">Beispieltext 2</div>

Die beiden Boxen hängen jetzt direkt aneinander, anstatt einen Abstand zu haben! Außer im FireFox, da ist ein Abstand zwischen!

Was mich etwas wundert, da 3% von einer Zeile wohl kaum sichtbar sein dürfte... Prozentuale Werte beim Margin beziehen sich auf die Elementabmessungen. Siehe: CSS4You

Gruß,

Harlequin

--
<!--[if IE]>This page is best viewed with a webbrowser. Get one today!<![endif]-->