nicht angemeldet
IE Bug bei "float" und "margin" Angabe?
Hallöchen an alle,
ich habe folgendes Problem: ich möchte einem <div> welchem ich ein "float: left;" zugeordnet habe einen "margin" von 10px geben.
Der IE macht mir allerdings daraus 20px. Er nimmt immer das doppelte von dem was ich angebe. Netscape 7 interpretiert es so wie es sein sollte.
Kann mir da jemand helfen? Ich habe ein vereinfachtes Beispiel unten angeführt.
Danke schon mal im Voraus
Gruss
Antje
CODE:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
* {margin: 0; padding:0;}
</style>
<title></title>
</head>
<body>
<div style="border: 2px solid red; float: left; margin:10px;">Hallo Welt</div>
<div>Ein beliebiger Statz</div>
</body>
</html>
-
Hallöchen an alle,
ich habe folgendes Problem: ich möchte einem <div> welchem ich ein "float: left;" zugeordnet habe einen "margin" von 10px geben.
Der IE macht mir allerdings daraus 20px. Er nimmt immer das doppelte von dem was ich angebe. Netscape 7 interpretiert es so wie es sein sollte.Ein alt bekannter IE Bug. Sehr schön kommentiert mit Lösung unter: http://www.positioniseverything.net/explorer/doubled-margin.html
-
Hat geklappt.
Vielen herzlichen Dank.Gruss
Anja
-