nicht angemeldet
liebe leuts,
stosse grade auf ein Problem, wo ich mich wundere, dass mir das noch nicht früher aufgefallen ist:
HABE ein CSS Menue, das über div_Layer gesteuert wird bzw positioniert wird.
Das Menu liegt auf einer Seite der ich Left-Margin = 20 mitgegeben habe.
Genau da liegt das Problem:
Im IE6 / mozilla / Firebird / Opera / Netscape 6+ liegt das Menue bei einer positionierung von Left: 20px genau da wo es hin soll - nämlich am 20px vom linken Rand.
jetzt stelle ich fest das IE 5.5 und darunter bei der positionierung des div_Layer das Left Margin = 20 nicht vom Linken Rand rechnet, sondern vom für die Seite festgelegten Left Margin = 20 Rand - also müßte ich hier bei der positionierung des Div_Layer Left mit 0px angeben.
Bin also grad mal baff erstaunt und frage nach einer Lösung ohne Browseweiche setzen zu müssen.
liebe Grüße thomas
live zu sehen:
http://www.jazzkeller69.de.vu (unter Programm)
Code:
<div id="Layer1" style="position:absolute; width:242px; height:46px; z-index:1; left: 20px; top: 163px;">
<div id="navcontainer">
<ul id="navlist">
<li><a href="#" title="alte Zeiten" class="mybold" onClick="MM_showHideLayers('Layer2','','show')"onMouseOver="MM_showHideLayers('Layer2','','hide')">s
u c h e: a l t e Z e i t e n </a></li>
</ul>
</div>
CSS:
BODY{
margin-left: 20px;
margin-top: 0px;
margin-right: 20px;
margin-bottom: 0px;
color: #FFFFFF;
background-color: #666699;
}
#navlist{
padding: 0 1px 1px;
margin-left: 0;
font: 12px Verdana, sans-serif;
background: #666699;
width: 21em;
}
#navlist li{
list-style: none;
margin: 0;
border-top: 1px solid gray;
text-align: center;
width: 100%
}
#navlist li a{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #AAB;
text-decoration: none;
width: 100%
}
#navlist li a:link { color: #00FF00; }
#navlist li a:visited { color: #00FF00; }
#navlist li a:hover{
border-color: #FE3;
color: #FFF;
background: #332;
}