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>