CSS Probleme mit IE

[Jürgen H.]

Hallo,

ich bin gerade an einem Problem am verzweifeln. Die Schrift, die standardmäßig weiß ist, soll hier schwarz dargstellt werden. Das funktioniert auch so im Firefox, nur der IE bringt normalen Text weiterhin weiß (der Link ist schwarz). Außerdem wird er hier auch nicht mittig angezeigt (auch das klappt mit Firefox). Könnte mir mal jemand erklären, was ich hier falsch mache?

HTML:
<div id="menuezeile">
 <span class="dunkel">
   Link: <a class="dunkel" href="{$link}">{$name}</a>
 </span>
</div>

CSS:
#menuezeile{
 padding: 2px 0px 2px 0px;
 color: #000000;
 background-color: #cccccc;
 border-top: 1px solid #000000;
 border-bottom: 1px solid #000000;
 text-align: center;
 vertical-align: middle;
}
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #ffffff;
 background-color: #333333;
 background-image: url(images/bg.gif);
 background-repeat: repeat;
}
a {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 text-decoration: none;
 color: #ffffff;
}
.dunkel{
 color: #000000;
}

[N2O]

Hallo,

a.dunkel{

color: #000000;
}

Das muss im IE (leider) so sein.

Gruß
Lachgas

[DaZ]

<span class="dunkel">
<a class="dunkel" href="{$link}">{$name}</a>

.dunkel{ color: #000000;}

gehört da nicht ein "font-color: #000000; hin?

[Arx]

Привет ,

.dunkel{ color: #000000;}

gehört da nicht ein "font-color: #000000; hin?

Nein! font-color gibt's nicht, die Schriftfarbe regelt color .

До свидания!
Sven aus Bonn

[Ingo Turski]

Hi,

hier konkurrieren die Angaben zu einem Element (a) und einer Klasse (dunkel).
Du kannst das Problem ganz einfach lösen und sogar noch Code einsparen:

HTML:
<div id="menuezeile">
<span>
   Link: <a href="{$link}">{$name}</a>
</span>
</div>

CSS:

#menuezeile span, #menuezeile a { color: #000000; }

freundliche Grüße
Ingo

[Jürgen H.]

HTML:
<div id="menuezeile">
<span>
   Link: <a href="{$link}">{$name}</a>
</span>
</div>

CSS:
#menuezeile span, #menuezeile a { color: #000000; }

Danke, damit funktioniert der Text schonmal. Mit der Linkfarbe klappt es so aber nicht, er übernimmt die weiße Farbe von der eigentlichen a Definition. Sollte er hier nicht eigentlich auch überschreiben mit schwarz? So fände ich es jedenfalls logisch (Firefox wohl auch). Habe das jetzt erstmal mit <a class="dunkel"... gelöst.

[Jürgen H.]

Hm, jetzt funktioniert es auf einmal. Habe das vorhin eigentlich x-mal getestet. Sollte wohl allmählich mein Bett aufsuchen. Danke nochmal für die Hilfe.