Hansel: Firefox interpretiert margin-top nicht richtig

Beitrag lesen

mein Firefox V 2.0 interpretiert die Positionsangabe eines div-Containers total falsch.

Ich möchte den einen Container 160px unterhalb der Oberkante des übergeordneten Containers ausrichten und habe ihm deshalb die angabe "margin-top:160px;" zugewiesen, aber der Firefox knallt es immer an die obere Kante des übergeordneten Containers.

Kann ich nicht nachvollziehen. Der erste innere <div>-Block steht mit Deinem zitierten Code (ohne <script>-Anteile) im Firefox 1.5 und 2.0 exakt 160 Pixel unterhalb der Oberkante des äußeren Blocks.

Beobachtet habe ich hingegen, dass, gibt man allen drei <div>-Blöcken einen Rahmen, der Inhalt des besagten ersten inneren eine Zeile runterrutscht. Das schiebe ich jetzt aber einfach mal auf Deinen fehlerhaften HTML-Code:

<div style="margin-top:160px; width:500px;">
  <span id="ueberschrift">
   <p>Herzlich Willkommen zur InternetNight</p>

<p> hat in <span> nichts zu suchen (und <span id="ueberschrift"> ist obendrein ganz schlechtes HTML, für sowas gibt es <h1>).

Der Hansel