CSS und DIVs --> komischer Fehler im Firefox

cilrag84

Benutzer
Mitglied seit
15.07.2002
Beiträge
80
Reaktionspunkte
0
Tach zusammen!

Hier die Website. Das zugehörige CSS gibts hier.

So. Wenn ich das Ganze anschaue habe ich das Problem, dass im Menü links teilweise eine Linie auftaucht, die da nicht sein sollte. Siehe Bilder:

Firefox
Mozilla
IE 7
Opera

Die Pfeile markieren die Stellen, die fehlerhaft sind. Ich meine diese blaue Linie, die sich da quer durchs Menü zieht... >:|

Der Fehler tritt nur beim Firefox und beim Mozilla auf. Beim Firefox verschwindet er, sobald ich die abgerundeten Ecken entferne. Im Mozilla nicht... :confused:

Hat jemand einen Tipp, wie ich das hinkriege? Die runden Ecken würde ich schon gerne behalten... Könntet ihr auch bitte posten, welchen Browser ihr habt, und ob die Fehler bei euch auftreten? Danke.
 

Solid-Snake14

Erfahrener Benutzer
Mitglied seit
08.01.2005
Beiträge
114
Reaktionspunkte
0
Website
www.kmlive.de
moz-border-radius kann der IE noch nicht lesen, genauso wie opera.
es wird von den meisten browsern auch noch nicht unterstützt, deswegen würde ich das nicht nehmen.
nehm doch für jeden menüpunkt einfach eine abgerundete grafik als background-image.
 
I

ich98

Gast
da ist einfach ein margin/padding-Fehler.

Der IE und Opera bekommen, dass nur hin, weil sie das mit den abgerundeten Ecken nicht können.
Also musst du dort den Fehler suchen. FF und Mozilla zeigen es vollkommen richtig an ;)

Tipp: Lass die runden Ecken weg, sieht eh besser aus, wenn jeder Browser das gleiche Bild ausspuckt ;)

Und schau mal hier: http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.hirpf.de%2Fwebeng%2F&warning=1&profile=css21&usermedium=all ;)

Alternativ kannst du, wie Solid-Snake schon sagte, Grafiken verwenden, dass können alle Browser anzeigen ;)
 
TE
C

cilrag84

Benutzer
Mitglied seit
15.07.2002
Beiträge
80
Reaktionspunkte
0
ich98 am 14.02.2007 17:14 schrieb:
da ist einfach ein margin/padding-Fehler.

Der IE und Opera bekommen, dass nur hin, weil sie das mit den abgerundeten Ecken nicht können.
Also musst du dort den Fehler suchen. FF und Mozilla zeigen es vollkommen richtig an ;)

Tipp: Lass die runden Ecken weg, sieht eh besser aus, wenn jeder Browser das gleiche Bild ausspuckt ;)

Und schau mal hier: http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.hirpf.de%2Fwebeng%2F&warning=1&profile=css21&usermedium=all ;)

Alternativ kannst du, wie Solid-Snake schon sagte, Grafiken verwenden, dass können alle Browser anzeigen ;)


Danke für die Antworten! Ich hab es mittlerweile gelöst, indem ich in ".menu a" die line-height auf 30px gesetzt habe...

So long!
 

yanid

Neuer Benutzer
Mitglied seit
26.12.2006
Beiträge
1
Reaktionspunkte
0
cilrag84 am 15.02.2007 20:27 schrieb:
ich98 am 14.02.2007 17:14 schrieb:
da ist einfach ein margin/padding-Fehler.

Der IE und Opera bekommen, dass nur hin, weil sie das mit den abgerundeten Ecken nicht können.
Also musst du dort den Fehler suchen. FF und Mozilla zeigen es vollkommen richtig an ;)

Tipp: Lass die runden Ecken weg, sieht eh besser aus, wenn jeder Browser das gleiche Bild ausspuckt ;)

Und schau mal hier: http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.hirpf.de%2Fwebeng%2F&warning=1&profile=css21&usermedium=all ;)

Alternativ kannst du, wie Solid-Snake schon sagte, Grafiken verwenden, dass können alle Browser anzeigen ;)


Danke für die Antworten! Ich hab es mittlerweile gelöst, indem ich in ".menu a" die line-height auf 30px gesetzt habe...

So long!
 
Oben Unten