Navigationsleiste wird falsch angezeigt
Verfasst: 30.11.2007 11:04
Hi,
Ich möchte in meinem Forum, genau wie auf meiner Hompage, eine Navigationsleiste links einblenden. Von der Platzverteilung her würde das gut gehen (siehe Screenshot). Allerdings wird verschiebt es mir die Navileiste jedesmal über die Werbung (Was ansich nicht tragisch wäre weil dann könnt ich die Werbung einfach in dern footer verschieben^^) aber wenn man nach unten scrollt, scrollt die Navileiste mit und dann ist das durachaus störend...
[ externes Bild ]
kann mir jemand sagen woran das liegen könnte hier der code:
Ich möchte in meinem Forum, genau wie auf meiner Hompage, eine Navigationsleiste links einblenden. Von der Platzverteilung her würde das gut gehen (siehe Screenshot). Allerdings wird verschiebt es mir die Navileiste jedesmal über die Werbung (Was ansich nicht tragisch wäre weil dann könnt ich die Werbung einfach in dern footer verschieben^^) aber wenn man nach unten scrollt, scrollt die Navileiste mit und dann ist das durachaus störend...
[ externes Bild ]
kann mir jemand sagen woran das liegen könnte hier der code:
Code: Alles auswählen
<!--[if lt IE 7]><style type="text/css">
@media screen {
html, body {
height: 100%; overflow-y: hidden;
}
#Scrollbereich {
height: 100%; width: 100%; overflow: auto;
}
#Inhalt {
position: static;
}
}
</style><![endif]-->
#fixiert {
position: absolute;
top: 2.8em; left: 2em;
width: 18em;
background-color: #222222;
border: 1px solid silver;
}
html>body #fixiert {
position: fixed;
}
#fixiert img {
height: 6.8em; float: right;
}
#Navigation {
font-size: 0.83em;
margin: 0 0 1.2em; padding: 0;
}
#Navigation li {
list-style: none;
margin: 0; padding: 0.5em;
}
ul#Navigation a {
display: block;
padding: 0.2em;
font-weight: bold;
}
ul#Navigation a:link {
color: black; background-color: #eee;
}
ul#Navigation a:visited {
color: orange; background-color: #333333;
}
ul#Navigation a:hover {
color: orange; background-color: #eee;
}
ul#Navigation a:active {
color: orange; background-color: #222222;
}
<div id="fixiert"> <ul id="Navigation">
<li><a href="URL">Name</a></li>
<li><a href="URL">Name</a></li>
</ul>
</div>