Frage Menu m. Float - schwarze Stellen

[windkind]

Eine Frage dazu, weil ich hier keinen direkten Unterschied sehe - der sieht aus wie meiner, nur dass heady mit nav ersetzt wurde? Oder überseh ich etwas?

Aber danke :) Ich werde es wohl ohne html5 machen. vll gehen dann die Probleme weg ;)

 

[djheke]

Richtig, habe auch nichts geändert. Warum auch.

 

[windkind]

Aber wieso geht <nav> aber nicht <heady>? Hab es jetzt über #heady und ein Div gelöst. Aber das würde mich wirklich interessieren :)

 

[scbawik]

Aber wieso geht <nav> aber nicht <heady>? Hab es jetzt über #heady und ein Div gelöst. Aber das würde mich wirklich interessieren :)

HTML kennt kein "heady"...:
http://www.w3.org/TR/html-markup/elements.html

 

[djheke]

Hier mal eine geänderte Navi. Allerdings kommt hier kein visibility mehr vor. Das könnte auch der Grund für den schwarzen Hintergrund sein.

nav {
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 30;
  opacity:.85;
  background-color: #d3d6cf;
}
nav ul {
  padding: 0px;
  margin: 0 auto;
  width: 850px;
  list-style:none;
}
nav li {
  list-style: none;
  position:relative;
  float:left;
  background-color: #d3d6cf;
}
nav a {
  text-decoration: none;
  display: block;
  color: #9c0503;
  padding:10px 20px;
}
nav ul li:hover > a {
  background-color: #b9c4c0;
}

nav ul ul {
  position: absolute;
  left:-99999em;
  top:-99999em;
  padding:0;
  margin:0;
}

nav ul li:hover > ul {
  left:0;
  top:auto;
  float:left;
 width:auto;
}

nav ul ul li {
  float: none;
}

nav ul ul a {
font-size:75%;
width:150px;
padding:5px;
}

 

[windkind]

Danke :)