[Eva_0802]

Hallo zusammen und Guten Morgen,

ich habe soeben eine Website fertig gestellt und alles klappt wunderbar, nur am Safari-Browser wird meine Navigation falsch dargestellt.
Viel zu breit und auch unterhalb der roten Linie, dabei sollte sie oberhalb der roten Linie stehen.

Vielleicht kann mir jemand sagen was ich da bei CSS einstellen muss, damit dass in jeden Browser funktioniert.
mit den CSS einstellungen bin ich noch nicht so vertraut.
die ganze seite ist allerdings mit CSS gemacht

www.fc-weedys.de

[Kraat]

Wird auch im Mozilla falsch dargestellt. da entsteht ein ganz ganz böser Umbruch..
Ich würd sagen du gibts der Navigation auch eine feste Breite. Weil das hat sie aktuell nicht. Und dann sind mehr Navipunkte als Breite vorhanden. Dadurch bricht es im Mozilaa zum Beispiel um .

Gruß

[Eva_0802]

ok gut das mit dem Umbruch hat sich nun erledigt - Danke!

aber hast dus dir im Safari auch mal angesehn? da ist die navi UNTER der roten Linie und hat nen Umbruch ...

[dummy]

ich hab den umbruch in firefox immernoch...

#navigation a {
color: #006600;
padding-top: 0px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 15px;
text-decoration: none;
}

padding wird vom ie bei a ignoriert, daher dürfte die leiste wesentlich schmaler sein auf dem ie. (hab zurzeit keinen drauf und kanns nicht nachschaun.

und um dir schreibarbeit zu sparen kannst du statt:
padding-top: 0px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 15px;

einfach padding: 0 15px 0 15px; schreiben (oben rechts unten links - im uhrzeigersinn)

was soll denn das <p>&nbsp;</p> im <ul></ul> tag?

[Eva_0802]

ich probiers mal aus.

das <p>&nbsp;</p> ist ein umbruch, damit der content Div nicht an der navi klebt

[theGRUNGEone]

[dummy]

hmm, saubere lösung

gib dem content div lieber ein padding-top anstatt dort so ein umbruch reinzuhaun.


//da war die spinne schneller

[Eva_0802]

ja also gut das mit dem padding, was mit dummy vorgeschlagen hat, hab ich geändert. nun gut.

ja dass kann natürlich der fehler sein, theGRUNGEone, warum meine Navileiste im SAFARI-Browser unter der Linie steht.

aber ich weiß jetzt nicht genau was ich da bei margin oder padding (oder beides) eingeben soll