Css in separater Datei funktioniert nicht

[Katja P.]

Hallo,

ich habe ein ziemlich bizarres Problem mit Css. Mein Ziel ist es, ein div-Tag
mit "padding-top: 50px;" zu versehen. Wenn ich das folgendermaßen schreibe,
funktioniert es prima:

<div style="padding-top: 50px;">
</div>

Wenn ich nun aber den Style in eine separate Datei auslagere klappt nichts mehr. Ich schreibe dann folgendes:

<div class="myClass">
</div>

und im css:

.myClass {
   padding-top: 50px;
}

Die css Datei wird definitiv richtig eingebunden, denn bei anderen Tags funktioniert es (mit einer anderen Klasse aus der gleichen Datei).
Was läuft hier schief?

Viele Grüße,
Katja

[Vinzenz Mai]

Hallo Katja,

ich habe ein ziemlich bizarres Problem mit Css. Mein Ziel ist es, ein div-Tag
mit "padding-top: 50px;" zu versehen. Wenn ich das folgendermaßen schreibe,
funktioniert es prima:

<div style="padding-top: 50px;">
</div>

Inline-Style-Angaben haben eine sehr hohe http://de.selfhtml.org/css/formate/kaskade.htm#spezifitaet@title=Spezifität.

Wenn ich nun aber den Style in eine separate Datei auslagere klappt nichts mehr. Ich schreibe dann folgendes:

<div class="myClass">
</div>

und im css:

.myClass {
   padding-top: 50px;
}

die Spezifität von Klassen ist dagegen deutlich geringer.

Die css Datei wird definitiv richtig eingebunden, denn bei anderen Tags funktioniert es (mit einer anderen Klasse aus der gleichen Datei).

Schau Dir an, welche Angaben auf dieses div-Element Auswirkungen haben können. Ganz einfach geht dies mit dem Firefox-Addon Firebug. Vermutlich gibt es eine Angabe mit höherer Spezifität und einer anderen Angabe für padding-top, die deswegen greift.

Freundliche Grüße

Vinzenz

[Cheatah]

Hi,

Wenn ich nun aber den Style in eine separate Datei auslagere klappt nichts mehr.

wie lautet der Inhalt dieser Datei?

Cheatah