IE und unterschiedliche Breite bei margin-left und padding-left

[Der Martin]

Halo Jon,

<div id="LoginBg">
        <div id="LoginBody">
            Hello, Login here please!
        </div>
    </div>

ich bin mir anhand dieses kurzen Ausschnitts noch nicht ganz sicher, aber ich meine, ich könnte das innere div schreien hören: "Ich will eigentlich ein <p> sein, warum darf ich nicht?"

div#LoginBg
{
margin: 150px auto 0 auto;
width:630px;
height:473px;

So viel Rand oben bei *der* Höhe? Da muss ich ja schon scrollen, obwohl oben Platz verschenkt wird.

div#LoginBody
{
float:left;
margin-left:260px;
}

Warum floatest du das innere Element? Lass es doch ganz normal an seiner Stelle im Elementfluss, dann macht auch margin im IE keine Zicken.

Die 260px Margin entsprechen genau dem Abstand zum linken Rand der äusseren Div-Box, um mit dem Text im "freien" Bereich anzufangen. Im Opera funktioniert das wunderbar, der IE aber setzt das ganze in etwa doppelt so weit weiter rechts.

IE: Float Double Margin Bug

Vor allem: ersetze ich margin-left durch padding-left - passt die Position auch im IE haargenau.

Ja, in diesem Fall wären margin und padding vom Effekt her auch durchaus austauschbar.

Schönes Wochenende noch,
 Martin