Abstand nach oben (css definiert) - Browserunterschiede
martin
- css
Das erste Element in der html Datei:
<center>
<div class="grafik"><img src="sse.jpg" alt="Banner" width="881px"></div>
</center>
definiert in der CSS-Datei:
.grafik {
border-color:#000000;
border-style:solid;
border-width:1px;
width:881px;
padding:2px;
margin-top:18px;
}
Nun machen mir verschiedene Browser jeweils verschiedene Abstände zum oberen Rand, also was hab ich falsch gemacht?
Ich dachte mit margin-top:18px; könnte ich das kontrollieren, aber dem scheint wohl nicht so ...
MfG
Hi,
Nun machen mir verschiedene Browser jeweils verschiedene Abstände zum oberen Rand, also was hab ich falsch gemacht?
Ich dachte mit margin-top:18px; könnte ich das kontrollieren, aber dem scheint wohl nicht so ...
Du hast berücksichtigt, daß dabei ggf. noch Innenabstand des center sowie weiterer Vorfahrenelemente sowie deren obere margins eine Rolle spielen und auch der ggf. vorhandene untere margin von Elementen weiter oben im Quelltext?
cu,
Andreas
Du hast berücksichtigt, daß dabei ggf. noch Innenabstand des center sowie weiterer Vorfahrenelemente sowie deren obere margins eine Rolle spielen und auch der ggf. vorhandene untere margin von Elementen weiter oben im Quelltext?
cu,
Andreas
Wie gesagt, das ist das erste Element im Quelltext, keine weiteren Elemente vorher mit eventuellen margins...
Und das sind die einzigen definierten Abstände:
padding:2px;
margin-top:20px;
Wobei padding den Abstand der Grafik zur borderline definiert, was auch in allen browsern akzeptiert wird im gegensatz zum margin vom 20pixeln.
Also woran liegt das? :(
Wie gesagt, das ist das erste Element im Quelltext, keine weiteren Elemente vorher mit eventuellen margins...
Und wie siehts mit dem body aus?