Verschiebungen durch margin-Angaben im IE

[Tobias Klepp]

Hallo zusammen,

ich hab ein Problemsche mit dem IE, dass ziemlich hässlich ist.

Wenn ich ein DIV in einen DIV plazieren und dem inneren DIV ein margin geben und den padding auf 0 setze, dass kann der IE die margin-Angabe für den rechten Rand nicht richtig umsetzen.

Das innere DIV überlappt über das äußere DIV. Wie zwei übereinander liegende Ebenen. Im Mozilla wird alles ordentlich dargestellt.

Hat jemand eine Lösung?

Gruß Tobias

[Fritz]

Hallo Tobias,

ich hab ein Problemsche mit dem IE, dass ziemlich hässlich ist.

Wenn ich ein DIV in einen DIV plazieren und dem inneren DIV ein margin geben

google mal nach "box model"

Gruß Fritz

[MudGuard]

Hi,

ich hab ein Problemsche mit dem IE, dass ziemlich hässlich ist.

Grammatik: es muß heißen: mit dem IE, _der_ ziemlich häßlich ist ;-)

Wenn ich ein DIV in einen DIV plazieren und dem inneren DIV ein margin geben und den padding auf 0 setze, dass kann der IE die margin-Angabe für den rechten Rand nicht richtig umsetzen.
Das innere DIV überlappt über das äußere DIV. Wie zwei übereinander liegende Ebenen. Im Mozilla wird alles ordentlich dargestellt.
Hat jemand eine Lösung?

Vielleicht zeigst Du mal den relevanten Code?

cu,
Andreas

[Tobias Klepp]

Hallösche,

hier ist der CSS-Code:

#content .rbcontent {
 margin: 0px;
 padding: 0px 5px 0px 11px;
}
#content .rbroundbox {
 width: 100%;
 background-color: #E7E7EF; /* gemadi-hellgrau */
 margin: 0px 0px 11px 0px;
 padding: 0px;
}

und hier das HTML-Gedöns:

<div class="rbroundbox">
<div class="rbcontent">

<h1>Box Label</h1>
<hr size="1" noshade>
<h1>Titel</h1>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">blah blah</td>
</tr>
</table>

</div>
</div>

Die Tabelle lappt jetzt aus dem Div heraus.