CSS Hover Effekt mit Bild - IE 7 Problem
Hallo,
Meine Navigation wird mit IE 7 nicht richtig dargestellt. Mit FIrefox
funktioniert es einwandfrei. Bitte! Kann mir jemand einen Tipp geben?
CODE:
..coolnav li a:hover {
background: #93D940 url('images/farbkreis5.gif') no-repeat 5px 4px;
}
..coolnav li a:hover, li a.current {
background: #93D940 url('images/farbkreis5.gif') no-repeat 5px 4px;
Seite: http://www.farbberatung-lindner.de
Vielen Dank!
Re: CSS Hover Effekt mit Bild - IE 7 Problem
Linni Felkel schrieb:
> Seite: http://www.farbberatung-lindner.de
<http://jigsaw.w3.org/css-validator/#validate-by-uri> weigert sich, das Stylesheet
zu validieren. Vielleicht liegt das an den Verweise
<link rel="stylesheet" type="text/css" href="css/Seite1.css">
<link rel="stylesheet" type="text/css" href="./">,
die beide kein Stylesheet referenzieren. Weg damit.
Re: CSS Hover Effekt mit Bild - IE 7 Problem
"Christoph Schneegans" wrote:
> Linni Felkel schrieb:
>
> > Seite: http://www.farbberatung-lindner.de
>
> <http://jigsaw.w3.org/css-validator/#validate-by-uri> weigert sich, das Stylesheet
> zu validieren. Vielleicht liegt das an den Verweise
>
> <link rel="stylesheet" type="text/css" href="css/Seite1.css">
> <link rel="stylesheet" type="text/css" href="./">,
>
> die beide kein Stylesheet referenzieren. Weg damit.>
Hallo Christoph,
Danke für Deine Antwort. Leider hat es nichts genutzt. Bzw. in den Vorschau
mit IE sind die Seiten ganz weg. Mit Firefox nach wie vor keine Probleme.
Gruss
Linda Felkel
Re: CSS Hover Effekt mit Bild - IE 7 Problem
"Linni Felkel" wrote:
Hallo Christoph,
da ich bis jetzt keine Antwort erhalten habe: inzwischen habe ich
rechieriert: Ich sollte die DOC-TYPE Document unter die Lupe nehnem. Wie ich
es verstanden habe: bei IE kann mann einen sogenannte "DOCTYPE-Switsh"
vornehmen. Diesen Tipp habe ich aus dem Buch "Cascading Stylesheets" Dan
Shafer/Kevin Yank. Ansonsten muss ich wohl die ganze Navi einfach ändern. Hat
jemand schon mal das gleiche Problem gehabt?
>
>
> "Christoph Schneegans" wrote:
>
> > Linni Felkel schrieb:
> >
> > > Seite: http://www.farbberatung-lindner.de
> >
> > <http://jigsaw.w3.org/css-validator/#validate-by-uri> weigert sich, das Stylesheet
> > zu validieren. Vielleicht liegt das an den Verweise
> >
> > <link rel="stylesheet" type="text/css" href="css/Seite1.css">
> > <link rel="stylesheet" type="text/css" href="./">,
> >
> > die beide kein Stylesheet referenzieren. Weg damit.>
>
> Hallo Christoph,
> Danke für Deine Antwort. Leider hat es nichts genutzt. Bzw. in den Vorschau
> mit IE sind die Seiten ganz weg. Mit Firefox nach wie vor keine Probleme.
>
> Gruss
> Linda Felkel
Re: CSS Hover Effekt mit Bild - IE 7 Problem
Linni Felkel schrieb:
> inzwischen habe ich rechieriert: Ich sollte die DOC-TYPE Document unter
> die Lupe nehnem.
Deine Dokumenttyp-Deklaration
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
ist fehlerhaft, wird aber von Firefox, Opera und IE akzeptiert, d.h.
diese Browser verwenden ihren "standards-compliant mode". Browser
interessieren sich bekanntlich nicht für Gültigkeit oder Wohlgeformtheit
des Quellcodes.
Auf <http://www.farbberatung-lindner.de/portrait.htm> hast du immer noch
mehrere Quellen für Stylesheets:
<link rel="stylesheet" type="text/css" href="code.css" />
<style type="text/css">
...
</style>
<link rel="stylesheet" type="text/css" href="css/Seite1.css">
<link rel="stylesheet" type="text/css" href="./">
Und dann kommen noch Inline-CSS und sogar obsolete Attribute hinzu:
<body topmargin="0" leftmargin="0" link="#000000" vlink="#318D30" alink="#318D30"
bgcolor="#318D30" style="background-color: #318D30" background="images/bg_gruen11.jpg">
"link"-, "vlink"- und "alink"-Attribute würde ich da als erstes entfernen.
Sorg dafür, daß deine Formatdefinitionen aus genau _einer_ Quelle kommen;
das kann natürlich nur eine externes Stylesheet sein. Ansonsten ist die
Fehlersuche viel zu aufwendig.
> Hat jemand schon mal das gleiche Problem gehabt?
Wenn du mal beschreiben würdest, was genau das Problem ist...
