CSS und Firefox funktioniert nicht wie gewollt

[James]

Hallo,

Ich komm einfach nicht weiter. DAs problem ist, dass ich mit CSS versuche den Tet und die Hintergrund so anzu ordnen wie ich es brauche, aber s funktioniert nicht so wie ich es will.

Kann mir jemand helfen?

Problem: Der Text soll auf der Seite zentriert und in h1 angezeigt werden.
Dazu habe ich in meiner CSS-Datei die Überschrift h1 verändert.
Der Internet Explorer stellt das auch richtig dar (IE6) aber der neue Firefox Browser 2.0  weigert sich die ganze Zeit die Überschrift zentriert dar zu stellen.

Außerdem kann Firefox 2.0 den :hover Effekt nicht darstellen.

Link zur CSS Datei http://cvjmfan.cv.ohost.de/page/css/formate.css
Link zur Seite die dargestellt werden soll :
http://cvjmfan.cv.ohost.de/page/index.html

Wäre cool wenn mir jemand schnell helfen könnte.

[wahsaga]

hi,

Problem: Der Text soll auf der Seite zentriert und in h1 angezeigt werden.
Dazu habe ich in meiner CSS-Datei die Überschrift h1 verändert.
Der Internet Explorer stellt das auch richtig dar (IE6) aber der neue Firefox Browser 2.0  weigert sich die ganze Zeit die Überschrift zentriert dar zu stellen.

Vermutlich stellt der IE es wie üblich falsch dar - und du suchst vermutlich die FAQ Wie zentriere ich Elemente mit CSS?

gruß,
wahsaga

[Felix Riesterer]

Lieber James,

Problem: Der Text soll auf der Seite zentriert und in h1 angezeigt werden.
Dazu habe ich in meiner CSS-Datei die Überschrift h1 verändert.

Du hast anscheinend alles richtig gemacht...

Der Internet Explorer stellt das auch richtig dar (IE6) aber der neue Firefox Browser 2.0  weigert sich die ganze Zeit die Überschrift zentriert dar zu stellen.

Also muss irgendwo ein Fehler sein. Schauen wir Deine CSS-Datei einmal an:

/*Definition der Links, aktivierten Links,visited Links und der hoverlinks */  
a:link{color:rgb(0,0,0)};  
a:visited{color:rgb(0,0,0)};  
a:activated{color:rgb(0,0,0)};  
a:hover{font-weight:bold;};  
  
/*Definition der Überschrift h1 */  
  
h1{  
text-decoration:none;  
font-family:Arial;  
font-size:40px;  
text-align:center;  
}

Man kann bei sehr genauem Hinschauen an den Farben erkennen, dass da mindestens ein Fehler vorliegt. In meinem Text-Editor ist der Fehler noch dramatischer eingefärbt. Siehst Du die Fehler? Sie stecken in den Zeilen mit den Links!

Außerdem kann Firefox 2.0 den :hover Effekt nicht darstellen.

Doch, das kann er. Du siehst, dass das obige Problem auch für dieses Phänomen verantwortlich ist?

Wäre cool wenn mir jemand schnell helfen könnte.

Das nächste mal validierst Du bitte Deinen Code (HTML und CSS), bevor Du wieder fragst, ok? Damit solltest Du Dir schon in einigen Fällen selbst helfen können. Korrekter Code sollte auch in allen Browsern (IE<7 ist unter diesen Aspekten kein Browser...) korrekt dargestellt werden.

Liebe Grüße aus Ellwangen,

Felix Riesterer.