Browserprobleme

[marluebb]

Hi,

habe ein Problem mit dem folgendem Code. Tut mir Leid, dass ich hier so viel Code reinschreibe, aber damit ihr es besser versteht was ich will und woran es liegen kann.

1.Die zweite Tabelle mit dem Menu 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????


2. Das Menu, dass durch die 2. Tabelle dargestellt wird, klappt nicht auf bzw. ist nicht zu sehen!! Dieses tritt nur auf, wenn ich die z-index: 1 und z-index:2 in die styles schreibe. Wenn ich sie weglasse, klappt es.aber ich möchte gerne mit z-index arbeiten!!

DANKE

------------------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="Layer1class="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%; z-index:1;}
</style>
------------------------------------

DANKE DANKE DANKE

Mark

 

[Microkotz]

...
</tr> 
</table> 
</div> 
--------------zweiter Layer---------------------------- 

<div[COLOR=crimson] id="Navigation" Layer1class="Navigation"[/COLOR]> 

<table width="100%" height="18" border="0" align="center" cellpadding="2"> 

<tr> 
...

Ist das nicht korrekter als <div id="Layer1class="Navigation">?

 

[.marc]

nö aber so wirds stimmen:

<div id="Layer1" class="Navigation">

 

[marluebb]

Hallo,

so habe ich es auch. Ist wohl ein Fehler reingerutscht.

so sieht es auch aus:

<div id="Layer1" class="Navigation">

also das war es nicht...ich verzweifel noch

bye
mark

 

[Microkotz]

Original geschrieben von .marc
nö aber so wirds stimmen:

<div id="Layer1" class="Navigation">

Ich kenn mich halt mit den div-Tags nicht aus.