Taney: Margin zwischen IE und Firefox

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

  1. Hallo Taner!

    Deine Frage?

    Schönen Gruß

    Afra

    1. Hallo Afra,

      warum alles im Firefox zo verschoben und oben ein leerer Bereich eingefügt worden ist?

      Grüße
      Taner :)

      1. add:in Opera auch.
        MFG
        bleicher

        --
        __________________________-
        Menschen an sich , sind nicht schlecht - es sind nur ihre Taten (c).
      2. 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

        1. 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

          1. 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

  2. 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

    --
    Warum nennt sich Andreas hier MudGuard?
    Schreinerei Waechter
    O o ostern ...
    Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
  3. 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

    --
    "Though this be madness, yet there's method in't."
    sh:( fo:| ch:? rl:( br:^ n4:( ie:{ mo:) va:} de:> zu:) fl:| js:( ss:| ls:[