 Fehler in der CSS-Deklaration
Wenn einige CSS-Anweisungen befolgt andere aber ignoriert werden, könnte ein Fehler in der Deklaration die Ursache sein. Tipps zur Fehlersuche.
Fehlerverhalten
Wenn sie in der Notation von CSS-Angaben einen Fehler machen, wird in der Regel lediglich der betreffende Anweisungsblock ignoriert. Hier würde also kursive Schrift korrekt dargestellt, die Angaben für Fettschrift allerdigs ignoriert.
/* kursiv */
i
{
font-style: italic;
color: #FFBF00;
font-family: Verdana
}
/* fett */
/* Tippfehler */
b
{
font-weight: bold;
color: #FFBF00;
fond-family: Verdana
}
Fehler durch Leerzeichen
Lassen sie keine Leerzeichen zwischen Wert und Einheit!
Wenn sie 'margin-top: 15 px' statt 'margin-top: 15px' eintragen, wird die Anzeige im IE6 noch OK sein u.U aber der gesamte Anweisungsblock im Netscape6 und FF ignoriert.
- Eigenschaft = margin-top: (Abstand oben)
- Wert = 15 (numerischer Wert)
- Einheit = px (Pixel)
Hier muss ich ein wenig vorgreifen. Einheiten: pt, pc, px, %, cm, mm, em, (werden später erklärt):
/* Fehler Leerzeichen */
p
{
color: #2F2F2F;
font-family: Verdana;
margin-top: 15 px
}
/* richtig */
p
{
color: #2F2F2F;
font-family: Verdana;
margin-top: 15px
}
Vorgehensweise
a) Wenn sie den Fehler absolut nicht finden, löschen sie Schritt für Schritt bestimmte Anweisungsblöcke und beobachten die Veränderungen bei der Seitenanzeige.
b) kopieren sie einen 'funktionierenden' Anweisungsblock unterhalb des wahrscheinlich fehlerhaften Blocks und tauschen danach den Selektor aus. Da der darunter stehende, also später eingelesene Block immer maßgebend ist, wird der darüber stehende ignoriert.
/* funktioniert */
p
{
color: #2F2F2F;
font-family: Verdana;
margin-top: 12px
}
/* funktioniert nicht */
td
{
color: #000000;
font-family: Verdana;
margin-top: 13 px
}
/* einkopiert - Kopie von 'p' */
td
{
color: #2F2F2F;
font-family: Verdana;
margin-top: 12px
}
Erstellt: 23.02.2007
|
HOME
ZURÜCK