waters9147: Verschachtelte Ebene (div) in Netscape 6 falsch positioniert!

Beitrag lesen

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>