Sieht doch schon ganz gut aus, ich habe gerade gesehen das du bei position: absolute; noch mehr werte drin hast, das geht nicht, du musst es so machen
position: absolute;
left: 50%;
top: 50%;
und den link hover effekt würde ich in farbe des logos machen
Ich hab jetzt mal folgendes ausprobiert:
.navoben {margin: 0;height:182px; width:100%; background: url(http://www.gradeko-werbung.de/test/nav.gif) no-repeat rgb(204,204,204); position: relative; z-index: 1;}
.inhalt {height:64%; width:100%; overflow:auto;}
#menu {position: absolute; top: 48px;padding-left: 100px;}
#menu li {float: left;margin-left: 70px;}<div class="navoben">
<div id="menu"
<ul>
<li><a href="#">Über Uns</a>
</li><li><a href="#">Standort</a>
</li><li><a href="#">Kontakt</a>
</li><li><a href="#">Impressum</a>
</li><li><a href="#">Disclaimer</a>
</li></ul>
</div>
</div>Generell wäre es m.E. jedoch besser, wenn du von dem fexiblen, prozentualen Laypit absiehst und ein fixes Pixellayout verwenden würdest. Das ist einfach berechenbarer und verhindert unterschiedliche, browserfensterabhängige Darstellungen.
Also verwende mal die Validatoren, dort werden die Fehler angezeigt.
<img src="navoben.gif" alt="navioben" width=100%" >
Richtig wäre:
<img src="navoben.gif" alt="navioben" width="100%" >
http://validator.w3.org/
http://jigsaw.w3.org/css-validator/
P.S. In deiner Css datei sind auch noch Fehler
Steig da grad gar nich mehr durch^^...
Nun ist die CSS validiert, jedoch steht die homepage auf dem Kopf
HIER
ja gib deinem div die gänsefüßchen noch width="100%", bei dir steht width=100%; da fehlen die anfangsgänsefüßchen
dann müsste es klappen oder nicht, versuchs mal. Ich hab gerade nicht soviel zeit komplett deinen Code duchzugraßen
joa.. ist " " aber bei der einen testseite wurd beim validieren irgendwas zerschossen.. naja ich nehm diese
Jedoch versteh ich das nicht wie man das Menü zentriert und überall die gleichen Abstände hat...
KLICK
Was zeigt dir das an??? hast du das behoben, ich glaube nicht?! jetzt schreibe ich zum 3ten mal , pack die anfangsgänsefüßchen da rein.
danke für die Aufmerksamkeit.. 
wenn du dir aber im I.E oder Firefox den Quelltext anguckst... ich habs mit "
keine Ahnung... habs vor 3min geändert und hochgeladen..
und das hilft mir aber nicht bei dem Menü-Prob...
aber lustig die Seite.. Quelltext ist: <div class="inhalt" width="100%">
Line 37, Column 27: Attribute "WIDTH" is not a valid attribute. Did you mean "width"? <div class="inhalt" width="100%">
Keine Ahnung was das soll ...
Hier das gleiche ...
Meine Testseite im Quelltext... -->"100%" ist definitiv da!
vermutlich liegt es daran, dass ein "width" im div nichts verloren hat, versuchs mal mit css
also style="width: 100%;" oder noch besser - schreibs gleich in die klasse "inhalt" fals du sie nur für dieses eine div benutzt.
Zu den Abständen für die Navi, es gibt einen Weg, nämlich Blocksatz:
http://www.jan-baier.de/2008/10/blocksatz-menu-mit-css/
ist zwar keine schöne Lösung, aber bisher hab ich dazu keine andere gefunden
Kann mir denn jemand sagen...
1. Wie ich das Menü unten zentriert bekomme?
2. Wie die einzelnen Menüpunkte trotz unterschiedlicher Wortlänge den gleichen Abstand zueinander haben?
