Margin zwischen IE und Firefox
Taney
- css
Hallo, hätte eine kleine Frage.
Im IE erscheint unsere Seite korrekt. Im Firefox wird erst oben ein leerer Bereich eingefügt. Danach werden die Buttons und die Biegung zusammengeschachtelt. Testlink: (www.yamuk.com/servlet)
<div id="top">
<div id="navioben">
Die ganzen Buttons
</div>
</div>
#top {
width:766px;
height:146px;
background-color:#ffffff;
background-image:url(../layout_0/banner_oben_main.gif);
padding:0;
margin:0 auto;
border-left: 1px solid #ACA899;
border-right: 1px solid #ACA899;
line-height:16px;}
#navioben {
width:600px;
padding:0px;
border:0px;
margin-top:50px;
margin-left:152px;
text-align:right;}
Grüße
Taner
Hallo Afra,
warum alles im Firefox zo verschoben und oben ein leerer Bereich eingefügt worden ist?
Grüße
Taner :)
add:in Opera auch.
MFG
bleicher
Hallo Taner!
warum alles im Firefox zo verschoben und oben ein leerer Bereich eingefügt worden ist?
Weil Dein #navioben ein margin-top von 50px hast?
Schönen Gruß
Afra
Hallo, danke
Weil Dein #navioben ein margin-top von 50px hast?
Die 50px müssten nicht direkt auf ganz oben bezogen werden, sondern 50px unterhalt von div=top.
Er müsste es ja wie im IE auf das div=top beziehen und das navioben 50px unterhalb positionieren.
Grüße
Hallo!
Er müsste es ja wie im IE auf das div=top beziehen und das navioben 50px unterhalb positionieren.
Ja, genau. Der IE macht etwas falsch. Mach es richtig und es stimmt.
Schönen Gruß
Afra
Hi,
Im IE erscheint unsere Seite korrekt.
Allenfalls so wie Du es (fälschlicherweise) erwartest.
Im Firefox wird erst oben ein leerer Bereich eingefügt.
Natürlich - der hält sich (im Gegensatz zu IE) an die Vorgaben, die CSS macht.
Stichwort: collapsing margins
cu,
Andreas
Hallo,
Es ist hilfreich, zuerst alle HTML- und CSS-Fehler zu beseitigen, bevor man sich über ungewünschte Darstellung den Kopf zerbricht.
Viele Grüße
Patrick