[Timido]

Mahlzeit,

Ich habe folgenes Problem mit meiner Navigation.
Meine Navigation wird im Firefox nihct korrekt angezeigt,
Die allgemeine Breite der Navi stimmt, als Hintergrund habe ich für den Buttun ein Bild eingefügt,
nun wird das bild allerdings nur in der breite des testes angezeigt, und nicht in der vollen breite wie es sein soll. +

Im IE-Browser funtioniert es, im Firefox nicht.

Hier der Link


Über eine hilfe danke ich schon mal im vorraus


Hier der Code :

ul#Navigation { width: 150px;
margin: 0px; padding: 0px;
text-align: left;
border: 0px solid black;
background-color:#170a64; }



ul#Navigation li { list-style: none;
display: block;
margin: 0px; padding: 0px; }


ul#Navigation a, ul#Navigation span { float: center; width: 150px;
margin: 0px; padding: 0px 0px;
text-decoration: none;
border: 0px solid #000000;
border-left-color:#000000; border-top-color:#000000;
color:#ffffff; background:url("Navi1-1.jpg") ;}

ul#Navigation a:hover, ul#Navigation span { border-color:#000000;
border-left-color:#000000; border-top-color:#000000;
color:#ffffff; background-color:#170a64; }

[nicoG]

Hi Timido

Gut gedacht, schlecht gemacht, fast dein Code ganz gut zusammen
Da weiß man gar nicht wo man anfangen soll, wirf das Ganze nochmal über den Haufen und versuche mal ein wenig Ordnung reinzubringen.

positiv: du arbeitest mit Listen für die Navigation.
negativ:
-du schreibst Deklarationen über dem Doctype, was erstens wenig bringt, zweitens so falsch ist
-du verwendest einen Doctype ohne , dadurch versteht der IE da Boxmodell falsch, oder einfach gesagt, der IE zeigt richtiges CSS noch falscher dar, als er es so schon tut (seit IE7 aber klar verbessert).
- du nimmst, um Abstände einzustellen br-Tags und "   ". Nutz den Vorteil von CSS und definiere sie damit, nicht mit HTML
- Die "Navigationsliste" bei Partner in allen Ehren, aber hier ist eindeutig das PArtner in nem Listenpunkt fehl am Platze. Nimm dafür ne Überschrift oder eine Definitionsliste

Stichwort Doctype
Stichwort Grundgerüst
Stichwort Semantik
Stichwort Boxmodell

[schattenjaeger]

Also, dass der Code nicht perfekt ist, möchte ich jetzt mal außen vor lassen.

Hier ist eine Lösung:

mein Html sieht so aus: