Hover-Buttons und Links - Design nicht fehlerfrei?

[JensB]

Hallo Leute,

ein guter Bekannter und ich bauen gerade eine Webseite auf: Nixie-Museum.org - the online Nixie tube data archive

Die Navigation soll so aussehen: http://www.nixie-museum.org/museum.jpg

Aber anscheinend klappt das nicht bei allen Browsern (z.B. nicht im Safari), aber warum? Wie kann ich das Design kompatibel machen?

Schönen Abend noch,
Jens

 

[threadi]

Ich sehe da außer bei der Breite und Linkfarbe nicht wirklich einen Unterschied?

 

[JensB]

Hi,

das ist schon mal gut, das heißt bei dir wird alles vernünftig angezeigt. Der Breitenunterschied ist klar, weil ich den Screenshot auf meinem System gemacht habe, und der Linkfarbenunterschied ergibt sich aus irgendwelchen JPG-Artefakten.

Hat jemand zufällig den Safari und dann mal testen, ob es da klappt?

Gruß
Jens

 

[Rippie]

In Google Chrome wird es nicht korrekt dargestellt:
Kostenlos Bilder hochladen Fotos Upload jetzt gratis Bilder hochladen - imgBOX.de

Ich hoffe, dass ich helfen konnte

 

[alogheo]

Check Browser Compatibility, Cross Platform Browser Test - Browsershots <--Hier kannst du alle wichtigen Browser testen.




Im Safari siehts so aus:





Ändere mal die rot markierten Stellen in deinem Code:

ul.Navigation li {
    display: inline;
[COLOR=red]    float: left;[/COLOR]
    height: 50px;
    margin-left: 25px;
    margin-right: 25px;


}

ul.Navigation {
    height: 50px;
    margin: 10px auto 0;
    padding: 0;
[COLOR=red]    width: 620px;[/COLOR]


}

 

[JensB]

Hi,

danke für den Tip mit der Webseite, die werde ich mir merken.

Aber dein andere Tip funktioniert nicht: Mit float: left wandert alles ein bisschen nach links, aber dafür kann ich die Position der gesamten Liste nicht mehr zentrieren, ohne eine feste Breite vorzugeben, und das ist nicht so gut.

Gibt es eine andere Lösung?

Gruß
Jens

 

[behalx]

In Konqueror sieht das so aus:

http://unics.bplaced.net/images/konqueror/fehler.png