nicht angemeldet
verschachtelte Divs, Grafik falsch positioniert
Hi,
ich habe folgenden Code:
<html>
<head>
<div style="position:absolute; top:100px; left:8px">
<div style="position:relative; left:0px; width:700px;
text-align:justify">Text Text Text Text Text Text Text Text Text Text Text Text Text Text
</div>
<div style="position:relative; left:0px; width:470px; text-align:left">
Text 2 Text 2 Text 2 Text 2 Text 2 Text 2 Text 2 Text 2 Text 2 Text 2 Text 2 Text 2 Text 2
</div>
</div>
<div style="position:absolute; top:275px; left:508px">
<img src="bild.gif" width="200" height="180">
</div>
</body>
</html>
Problem hierbei ist, dass die Grafik nicht absolut positioniert wird, sondern bei Netscape links-oben. Nehme ich jedoch das
<div style="position:absolute; top:275px; left:508px"><img src="bild.gif" width="200" height="180"></div>
in die Verschachtelung mit auf, dann wird die Grafik zwar nicht links-oben positioniert, sondern das top:275px wird mit dem top:100px addiert, was aber nicht geschehen soll.
Kennt jemand eine Möglichkeit die Grafik ausserhalb der Verschachtelung zu positionieren.
Der IE5 dagegen hat keine Probleme mit der Verschachtelung.
Für Vorschläge und Tipps wäre ich sehr dankbar.
Ciao
Klaus
-
Hallo Klaus,
als einfachste Lösung könnstest die Reihenfolge der "absoluten" div's
im body ändern, vielleicht klappts dann bereits wenn das div mit dem img
zuerst kommt.Die sauberste Lösung bei der das document eigentlich unverändert bleibt
ist die styleangaben mit id's im head zu schreiben, dann klappt es.<head>
<style>
#d1{position:absolute; top:100px; left:8px}
#d2{position:relative; left:0px; width:700px;text-align:justify}
#d3{position:relative; left:0px; width:470px; text-align:left}
#d4{position:absolute; top:275px; left:508px}
</style>
</head><body>
<div id=d1>Grüsse
Cyx23