nicht angemeldet
Hallo, ich schreibe hier ein weiteres Mal, weil die Antworten von gestern nicht befriedigend waren.
habe ein Problem mit dem folgendem Code.
1.Die zweite Tabelle, die mit dem z-index:2 wird bei verschiedenen Browsern höher oder mal tiefer dargestellt. Wenn es bei dem IE passt, wie ich es mir vorstelle, dann ist es bei bei dem Netscape oder opera wieder tiefer....woran liegt das???
2. Mir wurde gestern geraten, den z-index in die CSS zu packen, danach konnte ich das aufklappende Menu aber nicht mehr sehen..woran liegt das oder wie kann ich es wieder sichtbar machen????
DANKE
--------------------------------------------
<body bgcolor="#666666" class="Body">
------------------erster Layer---------------------------------------
<div id="Hintergrund" class="Hintergrund">
<table width="100%" height="100%" border="0" align="center" cellpadding="0" id="Hintergrund">
<tr>
<td><img src="Hintergrund1.jpg" width="100%"
height="100%"border="0"></td>
</tr>
</table>
</div>
--------------zweiter Layer----------------------------
<div id="Layer1" class="Navigation">
<table width="100%" height="18" border="0" align="center" cellpadding="2">
<tr>
<td> hier zwischen ist ein Menu, das aufklappt, wenn die Maus über ein Image kommt</td>
<td> hier zwischen ist ein Menu, das aufklappt, wenn die Maus über ein Image kommt</td>
<td>hier zwischen ist ein Menu, das aufklappt, wenn die Maus über ein Image kommt</td>
<td>hier zwischen ist ein Menu, das aufklappt, wenn die Maus über ein Image kommt</td>
</tr></table></div>
----------------------------------------
hier die CSS Dateien:
<style type="text/css">
.Navigation { border:none; position:absolute; margin-left:25px; margin-top:100px; width:550px; height:18px; z-index:1; }
.Hintergrund { border:none; position:absolute; left:0px; top:0px; width:100%; height: 100%; z-index:2; }
.Body { margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px; }
</style>
------------------------------------
DANKE
Rene