2 Divs sehen in IE7.0 anders aus als andere Browser (vereinfacht). Wie repariert man?

  • Dieser Teil meiner HTML-Seite (95% des Codes wurde entfernt) unterscheidet sich in IE7.0 (IE6.0 wurde nicht getestet) von anderen Browsern. Könnte mir jemand sagen, wie ich das Problem beheben kann, so dass IE7.0 es genauso anzeigt wie FF, Opera und andere?

     <html >
    <body>
    <div style="margin: 0 100px 0 340px;">
        <div style="margin-right: -103px; height:300px; border:1px solid #3c6; float:right;">right is <br>different<br>when use<br>IE7.0. <br>Why?</div>
        <div  style="border:1px solid #c63; height:300px;">middle is OK</div>
    </div>
    </body>
    </html>
     

    Diese 2 Divs sollten etwas Platz dazwischen haben, aber IE7.0 zeigt sie zusammen.

    22 November 2011
    GEOCHETBrady
1 answer
  • Das ist die negative Marge. Dies ist eine ungewöhnliche Art, Ihre Inhalte zu strukturieren. Sie treffen also einen Randfall, den der IE anders behandelt.

    Wenn Sie Ihre Seite auf eine üblichere Weise strukturieren (es ist schwer zu empfehlen, wie Sie mit mehr Details vorgehen sollen, ohne genau zu wissen, was Sie erreichen wollen), werden Sie weniger Randfälle haben so.

    Aber wenn die Umstände dies erfordern, können Sie dem Div margin-left:44px; mit einem negativen rechten Rand hinzufügen (bei Bedarf 44px) ). Daraus würde sich ergeben:

     <html>
    <body>
    <div style="margin: 0 100px 0 340px;">
        <div style="margin-right: -103px; margin-left:44px; height:300px; border:1px solid #3c6; float:right;">right is <br>different<br>when use<br>IE7.0. <br>Why?</div>
        <div style="border:1px solid #c63; height:300px;">middle is OK</div>
    </div>
    </body>
    </html>
     
    22 November 2011
    Nick Knowlsonravuya