Frage stellen
eigentlich denk ich ist mein Problem ganz einfach. Ich habe eine Navigation, die in einem div steckt. Das soll eine blaue Hintergrundfarbe haben mit Rahmen, darin wird mir eine Navigation generiert, als <li>. So diese soll schön neben einander stehen und einfach nur float left und weiß sein. Soweit die Theorie. Hier mal der Template Code:
- Code: Alles auswählen
<div class="header-nav">
<ul class="nav1st">
<li><a href="index.php?article_id=1">Punkt1</a></li>
<li><a href="index.php?article_id=39">Punkt2</a></li>
<li><a href="index.php?article_id=20">Punkt3</a></li>
...
</ul>
</div>
meine CSS dazu:
- Code: Alles auswählen
.header-nav {
background-color: #6078B5;
border-top: 1px solid #D1d1d1;
border-bottom: 1px solid #D1d1d1;
}
.header-nav ul.nav1st li {
float: left;
list-style: none;
padding-left: 5px;
padding-right: 5px;
}
.header-nav ul.nav1st a,
.header-nav ul.nav1st a:link {
color: #fff;
font-family: Tahoma, Arial, sans-serif;
font-size: small;
font-weight: bold;
text-decoration: none;
}
Mein Problem: Irgendwie hängt die <ul> unter dem blauen div und nicht in diesen. Erst wenn ich auch für ul.nav1st li einen blauen background definiere ist dieser auch blau. Warum? Kann mir jemand helfen. Hoffe habe begreiflich machen können was ich will.
Danke schon mal.
Nur bei besonders ungünstigen oder nicht funktionierenden Konstruktionen gebe ich noch solche Ratschläge. Viele denken sich sowiso 
