nicht angemeldet
Hallo,
ich möchte in einer mittig platzierten Box fester Größe (blau umrandet) u.aa. 2 Boxen fester Breite (rot umd grün) mit einem bestimmten Abstand nebeneinander platzieren.
#bb {
width:242px;
float:left;
....
}
#tt{
width:409px;
position:relative;
left:-91px;
top:20px;
float:right;
.....
}
Diese Variante klappt für IE >= 4.0, Mozilla, Opera - aber nicht im Konqueror (und vermutlich damit nicht auf Mac-Browsern, die ich leider nicht selbst testen kann):
http://mirakulum.com/test/bad_ko.html
Für den Konqueror wiederum funktioniert
#tt{
width:409px;
margin-right:91px;
margin-top:20px;
float:right;
...
}
was sowohl im IE 5.5 als auch 6.0 zu Unsinn führt:
http://mirakulum.com/test/bad_ie.html
Das der IE 5 das Boxmodell falsch verarbeitet, weiß ich - aber hier geht es um die Verwendung von margin und außerdem der IE 6 (nicht im Quirks-Mode)?????
Und wieso wird beim IE die einhüllende blau umrandete Box um den margin-right-Betrag größer, der textblock tt aber um das Doppelte (!) dieses Betrages nach links verschoben?
Wie also ist das was passiert zu verstehen und gibt es eine Lösung für beide Browser (ohne Hacks, zur Not mit validen Hacks) ?
Gespannt auf Eure Antworten
Michael