IE versagt bei CSS. Workaround?

SiemensFreak³ · 25. Mai 2004

Hi Freax,
ich möchte einen schwarzen Link, der rot unterstrichen ist beim hovern gerne rot und schwarz unterstrichen haben. Im Firesomething klappt das auch wunderbar nur der IE stellt das unterstrichene nicht dar.

Der Code:

Code

<style type="text/css">


a {
	border-bottom: 1px solid red;
	color: black;
	text-decoration: none;
}




a:hover {
	border-bottom: 1px solid black;
	color: red;
}
</style>

Alles anzeigen

Von WordPress z.B. weiss ich aber, dass es das Stylesheet von denen auch im IE möglich macht. Das Ding hab ich auch hier aber es ist mir viel zu mächtig um da druchzublicken :confused:

Weiss einer Abhilfe?

-SF³

Abi99 · 25. Mai 2004

Im hover:
text-decoration:underline

Keine Ahnung, ob das hilft - kann das hier mangels eines Microsoft Internet Explorer für Windows nicht testen.

SiemensFreak³ · 25. Mai 2004

Zitat

Original geschrieben von Abi99
Im hover:
text-decoration:underline

Keine Ahnung, ob das hilft - kann das hier mangels eines Microsoft Internet Explorer für Windows nicht testen.

Da tut sich leider nix
Aber danke für die Hifsbereitschaft, ich kenne ja deine sonstigen Uberstandardbeiträge

-SF³

The-spY · 25. Mai 2004

Probier mal, ob du mit Folgendem weiterkommst, hab grad leider nicht die Zeit genau deinen Fall abzubilden..

Code

a:link { font-family:arial; font-size:12px; color:#08005A ; font-weight:normal; font-style:italic;  text-decoration:none;}
		a:visited { font-family:arial; font-size:12px; color:#08005A ; font-weight:normal; font-style:italic;  text-decoration:none;}
		a:active { font-family:arial; font-size:12px; color:#08005A ; font-weight:normal; font-style:italic;  text-decoration:none;}
		a:bb:hover { font-family:arial; font-size:12px; color:#08005A ; font-weight:normal; font-style:italic;  text-decoration:underline; }

hth The-spY

XNeo · 25. Mai 2004

@SF³:
Im IE 6.0.2800.1106.xpsp2.030422-1633 funktioniert das bei mir in der von Dir gewünschten Weise

Der für's testen verwendete Quelltext war:

HTML

<html><head>
<style type="text/css">


a {
	border-bottom: 1px solid red;
	color: black;
	text-decoration: none;
}




a:hover {
	border-bottom: 1px solid black;
	color: red;
}
</style>
</head><body>
<div style="font-size:24pt">
Text<br/>
<a href="blablub.htm">Link</a><br/>
Text</div>
</body>
</html>

Alles anzeigen

Ohne Doctype, der "Standards-Compliant-Mode" war also aus.

Zusatzinfos:
http://msdn.microsoft.com/libr…/html/cssenhancements.asp
http://msdn.microsoft.com/work…rence/objects/doctype.asp

HTH!

Gruß,

SiemensFreak³ · 25. Mai 2004

Da leck mich einer fett... es lag tatsächlich am Doctype.
Würde es denn mit einem anderen Doctype klappen? Hatte HTML4.1 Transitional benutzt.

-SF³

Sencer · 25. Mai 2004

Ja, nennt sich Doctype Switching: http://www.google.com/search?q=doctype+switching

Daran versuchen moderne Browser zu erkennen ob sie das "verbuggte" Verhalten vom IE imitieren sollen, oder ob sie versuchen sollen standard-gemäß zu rendern. Die Idee dahinter ist, dass alte Seiten (die überwiegend ohne doctype gestrickt sind) weiterhin genauso angezeigt werden wie früher. Es wurde schon viel über Sinn und Unsinn dieser Methode geschrieben, aber mittlerweile benutzen es fast alle gängigen Browser.

Mit Xhtml1.0 transitional sollte es standardgemäß gerendert werden, die code-veränderungen zu html4.1 sind sehr überschaubar. Die Seite sollte also mit wenigen Änderungen weiterhin validieren.

[edit: Ich sehe gerade, dass XNeos Link das bereits detalliert erklären. Der IE6 schaltet auch bei html4 strict in den standards compliant Modus. Bei anderen Browser bin ich mir jetzt nicht so sicher...

edit2: Ausserdem geht es auch wenn du bei html4 transitional einfach die URL mit angibst. Steht ja in der Tabelle auf XNeos Links. Auch mit Beispielen. Also:

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" 
    "http://www.w3.org/TR/html4/loose.dtd">

]

SiemensFreak³ · 26. Mai 2004

Also in meinem Fall ist mit dem loose Doctype auch kein Blumentopf zu gewinnen - funktioniert nicht.
Aber vielleicht versteh ich das ganze Doctype Zeugs auch eifnach nicht Vielleicht!

-SF³

IE versagt bei CSS. Workaround?

Jetzt mitmachen!

Teilen