• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Float Bild wird im IE unsauber angezeigt

Status
Für weitere Antworten geschlossen.

thesa

Neues Mitglied
Servus

Wenn ich den folgenden Code im IE (neuste Version) anzeige, erhalte ich einen weissen Abstand auf der linken Seite zwischen dem linken Bild und dem Rahmen. (Rot eingekreist)
Im Firefox wird aber alles richtig angezeigt.
Weiss einer warum das so ist und wie ich den Abstand loswerde?

screeny.jpg


html:
Code:
<html><head>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
  <div class="screen">
    <img  class="picture" src="logo.jpg" />
    <img  class="logo" src="a.jpg" />
  </div>
</body>
</html>
css:
Code:
.screen        {    border: 2px solid #333333;
                padding: 0;
                margin: 0 150px 0 150px;
                min-width:500px;
                height:82px;
}

.picture    {    float:left; 
                padding:0px; 
                margin:0px;
}

.logo    {        float:right; 
                padding:0px; 
                margin:0px;
}

Gruss thesa
 
argh... hab den doctype eigentlich nur für das Beispiel gelöscht. Aber es liegt tatsächlich an dem. Wieso ändert der die Darstellung. Sorgt das Teil nicht für für entsprechende Validierungvorschriften des Codes?
 
Nein, der Doctype versetzt den jeweiligen Browser in einen Modus wodurch dieser sich an die entsprechenden Vorschriften hält bzw. halten sollte. Wenn er nicht da ist macht jeder Browser was er gerade denkt.
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben