✔ Abstand zwischen DIVs im IE6

AhuraMasda · 30. September 2007

Liebe Gemeinde!

Warum setzt der IE zwei DIVs, die nebeneinander floaten sollten, nicht direkt aneinander, sondern macht eine Lücke von 3px dazwischen? Da die DIVs bei mir keinen Text enthalten, handelt es sich m.E. nicht um den 3px-Bug - oder hab ich da was nicht kapiert?

Beispiel:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <style type="text/css">
      div#left {
        float: left;
        width: 50px; height: 50px;
        background-color: green;
        }
      div#right {
        margin-left: 50px;
        width: 50px; height: 50px;
        background-color: red;
        }
     </style>
  </head>
  <body>
    <div id="left"></div>
    <div id="right"></div>
  </body>
</html>

Für einen Tipp wäre ich sehr dankbar!

Viele Grüße

Florian

Maik · 30. September 2007

Hi,

AhuraMasda hat gesagt.:
Da die DIVs bei mir keinen Text enthalten, handelt es sich m.E. nicht um den 3px-Bug - oder hab ich da was nicht kapiert?

unabhängig davon, ob die Elemente Text enthalten, oder nicht, tritt hier im IE sehr wohl der "3px-Gap-Bug" auf.

Lösung:

Code:

div#left {
        float: left;
        width: 50px;
        height: 50px;
        background-color: green;
        margin-right: 0 !important;
        margin-right: -3px;
}
div#right {
        margin-left: 50px !important;
        margin-left: 47px;
        width: 50px;
        height: 50px;
        background-color: red;
}

✔ Abstand zwischen DIVs im IE6

AhuraMasda

Grünschnabel

Maik

Neue Beiträge