nicht angemeldet
Browserprobleme
Hi,
habe ein Problem mit dem folgendem Code.
Die zweite Tabelle, die mit dem z-index:2 wir 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 wieder tiefer....woran liegt das????
DANKE DANKE DANKE
------------------erster Layer---------------------------------------
<div id="Hintergrund" z-index=1 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" z-index=2 class="Navigation">
<table width="100%" height="18" border="0" align="center" cellpadding="2">
<tr>
<td width="25%"><div align="center"><a href="index.html"><img src="Home.jpg" name="image1" width="109" height="18" border="0" id="image1"></a></div></td>
<td width="25%"><div align="center"><a href="javascript:;" onMouseOver="MM_showMenu(window.mm_menu_0616231215_0,-50,35,null,'image2');" onMouseOut="MM_startTimeout();"><img src="Ueber_mich.jpg" name="image2" width="109" height="18" border="0" id="image2"></a></div></td>
<td width="25%"><div align="center"><a href="javascript:;" onMouseOver="MM_showMenu(window.mm_menu_0616231429_1,-75,35,null,'image3');" onMouseOut="MM_startTimeout();"><img src="Galerie.jpg" name="image3" width="109" height="18" border="0" id="image3"></a></div></td>
<td width="25%"><div align="center"><a href="javascript:;" onMouseOver="MM_showMenu(window.mm_menu_0616232009_2,-208,35,null,'image4');" onMouseOut="MM_startTimeout();"><img src="Kontakt.jpg" name="image4" width="109" height="18" border="0" id="image4"></a></div></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:2; }
.Hintergrund { border:none; position:absolute; margin-left:0px; margin-top:0px; width:100%; height: 100%; }
</style>
------------------------------------
DANKE DANKE DANKE
Rene
-
Hallo Rene,
<div id="Hintergrund" z-index=1 class="Hintergrund">
^
Das muss in ein style-Attribut oder eine Klasse verpackt sein, ein Attribut z-index gibt es nicht.Hintergrund { border:none; position:absolute; margin-left:0px; margin-top:0px; width:100%; height: 100%; }
Diese Klasse enthaelt keinen z-index
DANKE DANKE DANKE
Bitte, bitte
Schick beim naechsten mal bitte nur relevanten Code und nichttausend Zeilen Dreamweaver mit Javascript und allem drum und dran.
Dieter
-
Hallo Dieter,
danke für die schnelle Antwort.
Aber daran hat es nicht gelegen. Hat sich nichts geändert...im IE passt es bei opera ist es tiefer!!!! und gestern bei dem dem Netscape auch...ich verzweifel hier noch!!!
meine CSS sieht jetzt so aus:
<style type="text/css">.Hintergrund { z-index:1;border:none; position:absolute; margin-left:0px; margin-top:0px; width:100%; height: 100%; }
</style>
</head> <-----muss doch oberhalb von </head> sein, oder?DANKE
Rene
-
Hallo Dieter,
noch eine Ergänzung dazu:
jetzt bleibt das Menu, was normalerweise aufklappt im Hintergrund, jedenfalls erscheint es nicht mehr, nachdem ich den Z-index in die CSS gepackt habe.
Rene
-
-