Horizontale Liste fehlerhaft.

[mitschy]

Hallo

Ich bin ziemlich neu und frage mich, wieso ich die horizontale Liste in .nav nicht ganz links an den Rand bekomme und warum sie nicht in .nav ist sondern etwa 20px darunter angezeigt wird.

css:

.nav {
background-color: #C3F;
height: 30px;
width: 800px;
}
.nav ul {
list-style-type: none;
}
.nav ul li {
float: left;
padding-right: 10px;
}

Liste im Body

<div class="nav">
<ul>
<li>Home</li>
<li>Produkt</li>
<li>Service/Qualität</li>
<li>Team</li>
<li>Länderauswahl</li>
</ul>
</div><!--Ende nav-->

Vielen Dank für Eure Hilfe!

Mitschy

 

[alogheo]

Füge noch

html *
{
  padding:0;
  margin:0;
}

in den CSS ein.

 

[lowsaxonian]

...und warum sie nicht in .nav ist sondern etwa 20px darunter angezeigt wird.

Moin,

ohne den kompletten Code zu kennen, ist das wie im trüben zu fischen, aber könnte es sein, dass die Navigation mit einer (überflüssigen) position:absolute positioniert wurde?

 

[threadi]

Statt

html * {
  padding:0;
  margin:0;
}

würd ich

* {
  padding:0;
  margin:0;
}

schreiben, weil ersteres nicht von jedem Browser unterstützt wird.