 Fehler in der CSS-Deklaration
Wenn einige CSS-Anweisungen befolgt andere aber ignoriert werden, könnte ein Fehler in der Deklaration, inder Notierung der Anweisungen die Ursache sein. Tipps zur Fehlersuche.
|
|
Fehler in der Notation von CSS-Anweisungen finden
Fehlerverhalten
Wenn CSS-Formatierungen in den Browsern in der Form unterschiedlich angezeigt werden, das Sie davon ausgehen können, Teile ihrer Anweisungen werden ignoriert, sollten Sie nach fehlerhaften Notierungen suchen. Irritierend ist der Umstand, dass der IE manchmal großzügig über Fehler hinwegsieht, im FF ihre CSS-Anweisungen aber wegen des Fehlers nicht greifen.
Wenn Sie in der Notation von CSS-Angaben einen Fehler machen, wird in der Regel entweder der gesamte betreffende Anweisungsblock oder einige Anweisungszeilen des Blocks ignoriert. Browserabhängig beobachten Sie folgende Erscheinung:
- Anweisungen für kursive Schrift (i) werden korrekt dargestellt, die Angaben für Fettschrift (b) allerdings komplett ignoriert.
- Anweisungen für kursive Schrift (i) werden korrekt dargestellt. Lediglich die betreffende Anweisungszeile des Blocks (b) und alle Zeilen unterhalb der fehlerhaften Codezeile (innerhalb des Blocks) ignoriert. Dann würde also bei den Angaben für Fettschrift die Schrifttype und Schriftgröße ignoriert.
/* kursiv */
i
{
font-style: italic;
color: #FFBF00;
font-family: Verdana,sans-serif;
}
/* fett */
/* Tippfehler */
b
{
font-weight: bold;
color: #FFBF00;
fond-family: Verdana,sans-serif;
font-size: 12px;
}
Fehler durch Leerzeichen
Lassen Sie keine Leerzeichen zwischen Wert und Einheit!
Wenn Sie 'margin-top: 15 px' statt 'margin-top: 15px' eintragen, kann browserabhängig folgendes geschehen:
- IE - die Anzeige ist noch OK (Fehler wird großzügig ignoriert)
- FF - der gesamte Anweisungsblock wird ignoriert
- FF - die Anweisungen der fehlerhaften Zeile und alle unterhalb werden ignoriert
verwendete Anweisungen für 'margin'
- 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,sans-serif;;
margin-top: 15 px
}
/* richtig */
p
{
color: #2F2F2F;
font-family: Verdana,sans-serif;
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,sans-serif;
margin-top: 12px
}
/* funktioniert nicht */
td
{
color: #000000;
font-family: Verdana,sans-serif;
margin-top: 13 px
}
/* einkopiert - Kopie von 'p' */
td
{
color: #2F2F2F;
font-family: Verdana,sans-serif;
margin-top: 12px
}
|
Home • Fehlersuche • Deklarationsfehler