Hallo Leute
Ich habe ein Problem mit meiner navi, ich mochte das die Navigation nicht beim Scrollen mitlauft also habe ich sie 'fixed' gesetzt nun bekomme ich in firefox Probleme ihr könntt euch ja das mal anschauen.
Zitat:
@charset "UTF-8";
#hintergrund {
background-color: #FFFFFF;
height: 768px;
width: 1024px;
margin: 35px auto;
}
#logo {
height: 128px;
width: 230px;
float: left;
background-image: url(bilder/logo.png);
background-color: #FFFFFF;
border-bottom-style: solid;
border-bottom-width: 2px;
position: fixed;
}
#oben {
height: 30px;
width: 770px;
float: right;
margin-right: 12px;
color: #333333;
margin-top: 5px;
background-image: url(bilder/oben%20linie.png);
}
#content {
background-color: #009900;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
width: 770px;
position: relative;
float: right;
margin-top: 20px;
margin-right: 10px;
height: 1000px;
}
#Uhr {
width: 770px;
height: 20px;
font-family: "Times New Roman", Times, serif;
left: 910px;
top: 156px;
float: right;
margin-top: 9px;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-bottom-style: none;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
}
#navi {
position: fixed;
width: 228px;
height: 600px;
margin-top: 20px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: solid;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
float: left;
}
#starthead {
height: 90px;
margin-top: 5px;
margin-right: 12px;
width: 770px;
float: right;
background-color: #000000;
background-image: url(bilder/start.jpg);
}
#Theaterhead {
height: 90px;
margin-top: 5px;
margin-right: 12px;
width: 770px;
float: right;
background-color: #000000;
background-image: url(bilder/Theater.jpg);
}
#Regionhead {
height: 90px;
margin-top: 5px;
margin-right: 12px;
width: 770px;
float: right;
background-color: #000000;
background-image: url(bilder/Region.jpg);
}
#Kontakthead {
height: 90px;
margin-top: 5px;
margin-right: 12px;
width: 770px;
float: right;
background-color: #000000;
background-image: url(bilder/Kontakt.jpg);
}
#Stadthead {
height: 90px;
margin-top: 5px;
margin-right: 12px;
width: 770px;
float: right;
background-color: #000000;
background-image: url(bilder/Stadt.jpg);
}
|
04.03.2008, 17:26
Navigation fixed
Ähnliche Themen
Linear-Darstellung
