nicht angemeldet
Div in anderem Div positionieren
Hallo zusammen,
ich habe folgendes Problem im Internet-Explorer. Ich möchte in einem relativ-positionierten Div vier weitere Divs absolut in den Ecken positionieren (um dem Div runde Ecken (Widerspruch in sich ^^) zu geben).
<div style="position:relative;">
<div style="position:absolute; left:0; top:0;"><img src="img/topLeft.gif" width=10 height=10></div>
<div style="position:absolute; right:0; top:0;"><img src="img/topRight.gif" width=10 height=10></div>
<div style="position:absolute; left:0; bottom:0;"><img src="bottomLeft.gif" width=10 height=10></div>
<div style="position:absolute; right:0; bottom:0;"><img src="img/bottomRight.gif" width=10 height=10></div>
Inhalt
</div>
Die oberen Divs funktionieren, nur leider positioniert der IE die unteren Divs nicht am unteren Rand des übergeordneten Divs, sondern am unteren Rand des Fensters.
Hat jemand eine Idee oder schon mal ein ähnliches Problem? Bin für jede Hilfe dankbar. :)
Grüße
fabs
-
Hallo,
Hat jemand eine Idee oder schon mal ein ähnliches Problem? Bin für jede Hilfe dankbar. :)
Der Internet Explorer kann, was du möchtest, aber nur, wenn er sich im standardkonformen Modus befindet.
Gruß;
-
Vielen Dank für diese extrem hilfreiche und fundierte Antwort.
Gruß zurück.
-
Hallo,
Vielen Dank für diese extrem hilfreiche und fundierte Antwort.
Danke, ich habe mich bemüht ;-)
Nein ernsthaft, ich habe leider keine passende deutsche Seite gefunden, die es erklärt.
Nun es ist so, der IE (und andere Browser) haben zwei Darstellungsmodi. Beim IE ist das der Quirksmodus, d.h. eine IE 5.5 version innerhalb von IE 6 und höher und dann gibt es noch den standardkonfomren Modus, der an dem seit IE6 gearbeitet wird und welcher in IE7 verbessert wurde.
Welchen Modus er verwenden muss erkennt ein Browser am Doctype. Du hast einen Transitional Doctype angegeben, der keinen System Identifyer enthält (das ist die URI, die die DTD referenziert), deshalb befindest du dich im Quirksmodus.
Verwende den Doctype mit URI-Angabe, wie in SELFHTML gezeigt wird. Dann funktioniert die Positionierung richtig.
Gruß;
-
-