Hallo Leute,
also nach längerem suchen im Forum habe ich leider nicht die passende Lösung gefunden.
Daher poste ich mal mein Problem.
Es ist so, dass ich ein unsichtbaten Rahmen haben möchte.
Das Problem zeigt sich das im IE 6.0 die untermenüs ( li -TAG's ) ein zu grossen Abstand haben, als im Firefox der das ganze normal anzeigt.
Hier der Quelltext: | Zitat | | |
<script type="text/javascript">
<!--
function hideSub( ) {
if (!document.getElementsByTagName)
return;
var mnu = document.getElementById("menu");
var toplis = mnu.getElementsByTagName("li");
for (it = 0; it < toplis.length; it++) { /* each top li */
var sublis = toplis[it].getElementsByTagName("li");
for (is = 0; is < sublis.length; is++) { /* each sub li */
if (sublis[is].style)
if (toplis[it].className == 'show')
sublis[is].style.display = 'block';
else
sublis[is].style.display = 'none';
}
}
}
function mShow(Me)
{
if (!Me.getElementsByTagName)
return;
var mylis = Me.getElementsByTagName("li");
if (!mylis)
return;
for (j = 0; j < mylis.length; j++) {
if (mylis[j].style.display == 'block')
mylis[j].style.display = 'none';
else
mylis[j].style.display = 'block';
}
}
//-->
</script>
</script>
<style type="text/css">
<!--
#main {
margin-left: 9em;
}
#menu {
position: fixed;
margin: 0;
padding: 1ex;
top: 55px;
width: 100px;
height: 100px;
color:#6e4914;
}
#menu a {
display: block;
padding-left: 1em;
color:#FFFFFF;
text-decoration:none;
}
#menu ul{
margin-left: 0;
padding-left: 1em;
}
#menu li ul {
padding: 0;
margin: 0;
}
#menu li {
cursor: pointer;
list-style-type:none;
padding: 0;
text-decoration: none;
display: block;
( border: solid 1px white; ) würde normalerweise hier stehen, den habe ich rausgenommen um
keinen Rahmen zu erhalten
}
a:hover{ background : #000000;
color : #FFFFFF;}
.Stil7 {color: #000066}
.Stil_2{text-decoration: none; }
-->
</style>
|
vielen danke schon mal vorab |