firefox stretcht bild

Hi,

hast du einen Link zum Problem für uns?
Sonst könnte ich nur wild spekulieren.

Hi,

also die Darstellung im FF 3.53, FF 2, IE 8, IE 7, Opera und Safari ist exakt gleich.
Nur im IE 6 läuft die navi vermutlich wegen dem Double Margin Bug ziemlich aus dem Ruder.

Deine Art der Gestaltung ist äh..., verbesserungswürdig.

Die HG-Grafik der ul zuzuweisen halte ich für ziemlich gewagt.
Diese Trennlinie zwischen den Menüpunkten ist ja auch auf deiner Tastatur.
Du könntest sie in deinen Linktext schreiben und in ein span wickeln.

Dann könntest du per CSS den nötigen horizontalen Abstand zwischen den Menüpunkten herstellen. Elemente zum Ansprechen hast du dann genug.

Oder du könntest den Trennstrich als HG-Grafik a zuweisen, was ich noch eleganter finde.

div#page hat bei dir die gigantische breite von 1600px.
Der Sinn dessen erschließt sich mir nicht.
900px Breite täten doch eigentlich langen, oder.
Mit margin:0 auto; wäre dein Layout dann auch horizontal schön zentriert und würde nicht so links am Rand kleben.

So ein Riesen-HG-image brauchst du doch auch nicht, das könntest du entsprechend anpassen.

Dann könntest du sicher auch auf diese aberwitzigen negativen margins verzichten.

pt ist eine absolute Schriftgröße für den Druck und fürs Web ungeeignet.
Schau dir mal diesen Artikel an, was für px gilt, gilt auch für pt. :wink:

So, jetzt aber genug gemeckert. Vielleicht hilft dir das ein bißchen. :)

Moin,

#nav li  {
    float:left;
    list-style:none;
    color:#ffffff;
    padding-right:5px;
    text-decoration:none;
}
#nav li.page-item-10,
#nav li.page-item-12,
#nav li.page-item-2,
#nav li.page-item-15,
#nav li.page-item-18,
#nav li.page-item-20 {
    background:url(einstric.gif) no-repeat right bottom;
}
a { 
    padding:0 5px;
    color:#ffffff;
    text-decoration:none;
}

Damit ist der Strich nur zwischen den Menüpunkten und nicht auch noch nach dem letzten Link. ;-)