CSS: Erste Hilfe

0 | 4583 Aufrufe
Sie können diese Wikiseite nach der Anmeldung auf Webmasterpro bearbeiten. Helfen Sie mit und verbessern Sie "CSS: Erste Hilfe" mit Ihrem Wissen!

Anzeige Hier werben

Die erste Hilfe ist eine Liste an der man sich orientieren kann, wenn man bei CSS auf Probleme trifft. Mit der Liste soll man die Probleme systematisch möglichst schnell in den Griff bekommen.

1. Ist der Browser im "standardkonformen Modus"?

Viele CSS Probleme sind Altlasten und können sehr einfach durch die Wahl des richtigen Doctype gelöst werden.

2. Ist mein HTML valide?

Hier erkennt man oft sofort, ob der Grund der Fehlfunktion einfach nur eine kleine Unachtsamkeit ist. Also den Validator anschmeißen und testen. Sehr bequem geht dies auch in der WebDeveloperToolbar und anderen Browsererweiterungen.

3. Ist mein CSS valide?

Flüchtigkeitsfehler können natürlich auch im CSS passieren.

4. Ist die fragwürdige Regel überhaupt angewandt?

Vielleicht wird die Regel ja gar nicht angewendet, da die Selektoren falsch sind, oder sie wird von einer anderen Regel überschrieben. Dies kann man sehr schön mit Firebug analysieren. Hier bekommt man angezeigt, welche Regeln auf ein Element zutreffen und sogar wie sie sich gegenseitig überschreiben.

5. IE: Hilft vielleicht hasLayout?

Viele komische CSS Probleme im Internet Explorer können schnell gelöst werden indem man dem Element "Layout" verpasst. Am einfachsten geht das zu testen/reparieren indem man dem Element mit CSS die Eigenschaft zoom:1 zuweist. Das verändert nicht am Layout aber korrigiert viele IE(6) Probleme.

6. IE: Kann das Element vielleicht gar nicht formatiert werden?

Zum Beispiel hr im Internet Explorer. Kontaktiere dazu unseren Browserbug Spickzettel, um zu sehen ob es ein Browserinternes Problem ist.


Wikiseite bearbeiten

Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 2 Personen an der Seite "CSS: Erste Hilfe" mitgewirkt.

Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "CSS: Erste Hilfe" hier bearbeiten.

Mitarbeiter