position:fixed funktioniert nicht mit Mozilla
pschoefer
- css
Guten Abend.
Ich habe auf free.pages.at/pschoefer/test/index.htm eine Seite mit einem fixierten Navigationsabschnitt erstellt. Dieser wird von FireFox, IE7 und IE6 (mit Workaround) korrekt angezeigt; Mozilla 1.7.13 zeigt jedoch nichts an. Beim Überfahren der Stelle, wo ein Link sein sollte, verändert sich der Cursor in eine Hand und man kann den unsichtbaren Link anklicken...
Hier das Stylesheet:
body > #fix {
position:fixed;
top:0px;
left:0px;
background-color:lightblue;
height:100%;
width:11.25em;
text-align:center;
}
body > #inhalt {
margin-left:11.75em;
padding-right:0.5em;
text-align:justify;
}
h1 {
text-align:center;
text-decoration:underline;
font-weight:bold;
font-size:1.75em;
margin:0.5em;
color:darkblue;
}
h2 {
font-weight:bold;
font-style:oblique;
font-size:1.25em;
margin:0.5em;
color:blue;
}
h3 {
font-weight:bold;
font-style:oblique;
margin:0;
font-size:1em;
}
a:link {
color:blue;
letter-spacing:0.05em;
text-decoration:underline;
}
a:visited {
color:darkblue;
letter-spacing:0.05em;
text-decoration:none;
}
a:active {
color:red;
letter-spacing:0.05em;
text-style:italic;
text-decoration:none;
}
a:focus {
color:red;
letter-spacing:0.05em;
text-style:italic;
text-decoration:none;
}
a:hover {
color:red;
letter-spacing:0.05em;
font-weight:bold;
text-decoration:underline;
}
#hinweis {
border-width:2px;
border-style:inset;
border-color:blue;
text-align:center;
font-family:"Comic Sans MS","Courier New",sans-serif;
padding:0.25em;
}
#warnung {
border-width:2px;
border-style:inset;
border-color:red;
text-align:center;
font-family:"Comic Sans MS","Courier New",sans-serif;
padding:0.25em;
}
img {
border:none;
}
#nav, #nav ul {
padding:0;
margin:0;
list-style:none;
float:left;
width:11em;
}
#nav li {
position:relative;
float:left;
line-height:1.25em;
margin-bottom:-1px;
width:11em;
}
#nav li ul {
position:absolute;
left:-999em;
margin-left:11.05em;
margin-top:-1.35em;
}
#nav li ul ul {
left: -999em;
}
#nav li a, #nav li span {
width:11em;
w\idth:10em;
display:block;
color:black;
font-weight:bold;
text-decoration:none;
background-color:skyblue;
border:1px dashed blue;
padding:0 0.5em;
}
#nav li a:hover {
width:11em;
w\idth:10em;
color:white;
background-color:black;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left:-999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left:0;
display:block;
width:11em;
w\idth:10em;
}
#version {
clear:left;
}