CSS - Mozilla, IE - Forum - overclockers.at

noledge

CWNE #540

Registered: Apr 2001
Location: ::1
Posts: 6837

24.07.2002 - 16:55

kann mir wer sagen, warum folgendes im Mozilla funktioniert und im IE nicht? der IE sollte es ja eigentlich unterstützen... oder bin ich gerade wiedermal nur zu blöd... (wenn ja, einfach raus damit inkl. vorschlag wie es funktioniert)

Code:

<html>
<head>
<style type="text/css">
td:hover.menu
{
background-color:#FF0000;
}
</style>
</head>
<body>
<table><tr><td class="menu">blablaaaaaaaaaa blaaaaaaaa</td></tr></table>
</body>
</html>

Binärmensch

Banned

Registered: Dec 2001
Location: österreich / ni..
Posts: 724

24.07.2002 - 17:15

öhm.. kA obs daran liegt, aber imho ghört statt "td:hover.menu" "td.menu:hover".

abgesehn davon, der IE is was css betrifft nicht grad auf dem neuesten stand.. mozilla is da weitaus besser.

noledge

CWNE #540

Registered: Apr 2001
Location: ::1
Posts: 6837

24.07.2002 - 17:19

Zitat von suka
öhm.. kA obs daran liegt, aber imho ghört statt "td:hover.menu" "td.menu:hover".

ändert nix...

flaimo

ILFTKYS

Registered: Dec 2001
Location: ask a ninja
Posts: 872

24.07.2002 - 17:43

soweit ich weiß gelten pseudoklassen nur für den a bzw input tag.
wenn du tabellenzellen mit hover umfärben willst musst du auf javascript zurückgreifen

Binärmensch

Banned

Registered: Dec 2001
Location: österreich / ni..
Posts: 724

24.07.2002 - 17:50

ich hab grad in der css2-norm nachgeschaut, soweit ich den text verstehn konnte is :hover net auf bestimmte tags begrenzt..

http://www.w3.org/TR/REC-CSS2/selec...-pseudo-classes

(bin aber net so gut in englisch)

flaimo

ILFTKYS

Registered: Dec 2001
Location: ask a ninja
Posts: 872

24.07.2002 - 18:30

Zitat
Pseudoformate werden zentral in einem style-Bereich notiert. Die hier beschriebenen Pseudoformate gelten für das a-Element in HTML, daher wird vor dem Doppelpunkt das a notiert. In den Formatdefinitionen für die einzelnen Pseudoformate können Sie beliebige, geeignete CSS-Eigenschaften zuweisen. Die Pseudoformate bedeuten:

:link = für Verweise zu noch nicht besuchten Seiten
:visited = für Verweise zu bereits besuchten Seiten
:hover = für Verweise, während der Anwender mit der Maus darüber fährt
:active = für gerade angeklickte Verweise
:focus = für Verweise, die den Fokus erhalten, z.B. durch "Durchsteppen" mit der Tabulatortaste

Beachten Sie:
Um eine korrekte Darstellung dieser Pseudoformate zu erreichen, müssen Sie bei der Notierung die folgende Reihenfolge einhalten:
:link, :visited, :hover, :active.

Netscape 4.x und der Internet Explorer 3.0 interpretieren noch nicht alle Angaben. Insbesondere reagiert Netscape 4.x noch nicht auf das Pseudoformat a:hover. Der Internet Explorer 5.x kennt die Angabe a:focus noch nicht.

:focus funktioniert bei anderen Elementen als Verweisen auch. Wenn Sie beispielsweise für h1:focus CSS-Eigenschaften definieren und dann mit der Maus auf eine h1-Überschrift klicken, nimmt diese, solange die Maus geklickt ist, die definierten Eigenschaften an.

noledge

CWNE #540

Registered: Apr 2001
Location: ::1
Posts: 6837

24.07.2002 - 19:50

nageh, des gibts ja ned, dass des ohne JS ned im IE funktioniert

that

Moderator
Hoffnungsloser Optimist

Registered: Mar 2000
Location: MeidLing
Posts: 11338

24.07.2002 - 20:01

Zitat von flaimo
Zitat von TheRealDonkey
pics???

Zitat
http://www.w3.org/TR/REC-CSS2/selector.html#dynamic-pseudo-classes
CSS doesn't define which elements may be in the above states

Ob ein Browser diese Formatierungen also nur bei "A" oder überall versteht, wird durch CSS nicht definiert, d.h. IE ist in diesem Fall nicht fehlerhaft.

noledge CWNE #540 Registered: Apr 2001 Location: ::1 Posts: 6837	24.07.2002 - 16:55 kann mir wer sagen, warum folgendes im Mozilla funktioniert und im IE nicht? der IE sollte es ja eigentlich unterstützen... oder bin ich gerade wiedermal nur zu blöd... (wenn ja, einfach raus damit inkl. vorschlag wie es funktioniert) Code: `<html> <head> <style type="text/css"> td:hover.menu { background-color:#FF0000; } </style> </head> <body> <table><tr><td class="menu">blablaaaaaaaaaa blaaaaaaaa</td></tr></table> </body> </html>`
Binärmensch Banned Registered: Dec 2001 Location: österreich / ni.. Posts: 724	24.07.2002 - 17:15 öhm.. kA obs daran liegt, aber imho ghört statt "td:hover.menu" "td.menu:hover". abgesehn davon, der IE is was css betrifft nicht grad auf dem neuesten stand.. mozilla is da weitaus besser.
noledge CWNE #540 Registered: Apr 2001 Location: ::1 Posts: 6837	24.07.2002 - 17:19 Zitat von suka öhm.. kA obs daran liegt, aber imho ghört statt "td:hover.menu" "td.menu:hover". ändert nix...
flaimo ILFTKYS Registered: Dec 2001 Location: ask a ninja Posts: 872	24.07.2002 - 17:43 soweit ich weiß gelten pseudoklassen nur für den a bzw input tag. wenn du tabellenzellen mit hover umfärben willst musst du auf javascript zurückgreifen
Binärmensch Banned Registered: Dec 2001 Location: österreich / ni.. Posts: 724	24.07.2002 - 17:50 ich hab grad in der css2-norm nachgeschaut, soweit ich den text verstehn konnte is :hover net auf bestimmte tags begrenzt.. http://www.w3.org/TR/REC-CSS2/selec...-pseudo-classes (bin aber net so gut in englisch)
flaimo ILFTKYS Registered: Dec 2001 Location: ask a ninja Posts: 872	24.07.2002 - 18:30 Zitat Pseudoformate werden zentral in einem style-Bereich notiert. Die hier beschriebenen Pseudoformate gelten für das a-Element in HTML, daher wird vor dem Doppelpunkt das a notiert. In den Formatdefinitionen für die einzelnen Pseudoformate können Sie beliebige, geeignete CSS-Eigenschaften zuweisen. Die Pseudoformate bedeuten: :link = für Verweise zu noch nicht besuchten Seiten :visited = für Verweise zu bereits besuchten Seiten :hover = für Verweise, während der Anwender mit der Maus darüber fährt :active = für gerade angeklickte Verweise :focus = für Verweise, die den Fokus erhalten, z.B. durch "Durchsteppen" mit der Tabulatortaste Beachten Sie: Um eine korrekte Darstellung dieser Pseudoformate zu erreichen, müssen Sie bei der Notierung die folgende Reihenfolge einhalten: :link, :visited, :hover, :active. Netscape 4.x und der Internet Explorer 3.0 interpretieren noch nicht alle Angaben. Insbesondere reagiert Netscape 4.x noch nicht auf das Pseudoformat a:hover. Der Internet Explorer 5.x kennt die Angabe a:focus noch nicht. :focus funktioniert bei anderen Elementen als Verweisen auch. Wenn Sie beispielsweise für h1:focus CSS-Eigenschaften definieren und dann mit der Maus auf eine h1-Überschrift klicken, nimmt diese, solange die Maus geklickt ist, die definierten Eigenschaften an.
noledge CWNE #540 Registered: Apr 2001 Location: ::1 Posts: 6837	24.07.2002 - 19:50 nageh, des gibts ja ned, dass des ohne JS ned im IE funktioniert
that Moderator Hoffnungsloser Optimist Registered: Mar 2000 Location: MeidLing Posts: 11338	24.07.2002 - 20:01 Zitat von flaimo Zitat von TheRealDonkey pics??? Zitat http://www.w3.org/TR/REC-CSS2/selector.html#dynamic-pseudo-classes CSS doesn't define which elements may be in the above states Ob ein Browser diese Formatierungen also nur bei "A" oder überall versteht, wird durch CSS nicht definiert, d.h. IE ist in diesem Fall nicht fehlerhaft.

CSS - Mozilla, IE

Forum Index > Software > Coding Stuff

noledge

Binärmensch

noledge

flaimo

Binärmensch

flaimo

noledge

that