nicht angemeldet
Hallo,
wenn man sich die Seite http://www.uni-muenster.de/Physik/AP/Purwins/WelcomeDiv.html ansieht, stellt man fest, dass im IE6 der untere Bereich ca 3 Pixel nach rechts verschoben ist. Im MOZ und im Opera sieht es so aus, wie gewünscht.
Ich habe das Problem mal auf das Wesentliche reduziert:
...
<style type="text/css">
html, body { margin:0px;padding:0px }
#FussLinie {
width:100%;clear:left;height:10px;margin-left:190px;margin-right:0px;border:1px solid black;
}
#Fuss_links {
width:190px;float:left;height:50px;border:1px solid black;
}
#Fuss_mitte {
margin-left:190px;height:50px;border:1px solid black;
}
#Fuss_mitte2 {
margin-left:190px;border:1px solid black;
}
</style>
</head>
<body>
<div id="FussLinie">Linie</div>
<div id="Fuss_links">links</div>
<div id="Fuss_mitte">mittle/rechts</div>
<div id="FussLinie">Linie</div>
<div id="Fuss_links">links</div>
<div id="Fuss_mitte2">mitte/rechts</div>
...
siehe auch http://www.uni-muenster.de/Physik/AP/Purwins/Test2.html
Mit dieser Konstruktion möchte ich zwei Divs bündig nebeneinanderlegen. Das klappt aber nur, wenn man wie im unteren Fall die Höhenangabe weglässt.
Liegt hier ein IE-Bug vor oder habe ich da was falsch verstanden? Denn mit der Positionierung von Divs stehe ich noch auf Kriegsfuß.
Wenn es am IE liegt, gibt es einen Workaround?
Und noch eine Bitte an Besucher mit MACs oder mit IE 5 /5.5 (oder anderen Browsern): Könntet Ihr euch die Seite mal ansehen und hier schreiben, ob es mit diesen Browsern auch aussieht?
Gruß, Jürgen