nicht angemeldet
Verschachtelte Ebene (div) in Netscape 6 falsch positioniert!
Hi zusammen,
bin noch relativer Neuling im Bereich HTML und habe eine kurze Frage:
Auf einer Website, die mehrere Layers (div) beinhaltet, habe ich u.a. auch 2 verschachtelte Layer eingesetzt. Während nun im IE alles wie gewollt dargestellt wird, kommt im Netscape eigentlich nur Mist raus.
Alle Layer korrekt bis auf die 2 ineinander gesetzten.
Es scheint optisch fast so, als würde der "untere" einen Teil des anderen verdecken.
Wie kriege ich das nu hin? Browserweiche? Quellcode bearbeiten/ anpassen oder wie?
Hier mal der Code ( und schlagt nicht gleich die Hände vor den Kopp wenn der totaler Mist ist....):
<div id="Layer1" style="position:absolute; left:182px; top:63px; width:61%; height:346px; z-index:1; overflow: hidden">
<table width="100%" border="1" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" cellpadding="0" cellspacing="0">
<tr bordercolor="#000000">
<td>
<div align="right"><img src="images/Rand_rechts.gif" width="418" height="344" border="0">
</div>
</td>
</tr>
</table>
<p align="right"><font face="Times New Roman, Times, serif" size="3" color="#FFFFFF">
</font></p>
<p align="center"><font face="Times New Roman, Times, serif" size="3"><br>
</font><br>
</p>
<div id="Layer2" style="position:absolute; width:85%; height:279px; z-index:2; left: 42px; top: 20px; overflow: auto">
<div align="center">
<div align="center">
<p align="left"><font face="Arial, Helvetica, sans-serif" size="2"><b>Text.........</b></font></p>
<p align="left"> </p>
<p align="left"> </p>
</div>
</div>
</div>
<p align="center"> </p>
</div>
-
guten Morgen,
Auf einer Website, die mehrere Layers (div) beinhaltet, habe ich u.a. auch 2 verschachtelte Layer eingesetzt.
Es sind deutlich mehr als bloß zwei DIV's verschachtelt.
Es scheint optisch fast so, als würde der "untere" einen Teil des anderen verdecken.
Klar, weil er ebenfalls auf "position:absolute" steht und links an anderer Stelle anfängt, eine andere Breite und Höhe hat ...
Wie kriege ich das nu hin? Browserweiche?
Warum eine "Browserweiche"? Bloß weil der IE etwas so falsch macht, daß es dir richtig erscheint?
Quellcode bearbeiten/ anpassen oder wie?
Natürlich. Überlege dir, ob deine Layer tatsächlich verschachtelt werden müssen (müssen sie nämlich nicht), korrigiere Positionierung und Breite/Höhe sowie gegebenenfalls den z-Index oder mache sie je nach Bedarf sichtbar/unsichtbar.
Grüße aus Berlin
Christoph S.
-
Hallo,
Während nun im IE alles wie gewollt dargestellt wird, kommt im Netscape eigentlich nur Mist raus.
Meistens ein Trugschluss!
Wenn es im M$ IE "richtig" dargestellt wird und in einem anderen Browser, wie Netscape/Mozilla "falsch", dann liegt der Fehler meistens daran, dass der M$ IE falschen Code "richtig" darstellt.BTW: Es wäre noch gut zu wissen, welche Netscape- bzw. M$ IE-Version du nun *genau* meinst, da der von dir gepostete Code mit Mozilla 1.2.1 und dem M$ IE 6 zu dem nahezu gleichen Ergebnis führt.
Wie kriege ich das nu hin?
Vielleicht säuberst du zuerst mal deinen Code ... kann sein, dass sich dadurch dein Problem schon löst.
MfG
morpheus