|
|||
Hat Firefox Probleme mit CSS-Kurzschreibweise?
moin moin,
habe heute meine css-datei mal bisschen komprimiert, indem ich alle margin/padding/border, background und font-angaben zu kurzschreibweisen zusammengefasst habe die syntax habe ich von Webstandards-Projekt - Effizientes CSS meine website-url lautet: Sprint-Team Oldesloe die css-datei findet ihr unter http://sprint-team.de/css/main.css der IE7 zeigts auch wunderbar an wies sein sollte, der IE6 ebenfalls. nur der firefox zickt rum. er zeigt mir erstens mein banner nicht an (bzw. die width/height angaben ja aber er zeigt das bild nicht an) und zweitens scheint der FF die font-kurzschreibweise nicht richtig zu lesen. bei manchen klassen funktioniert sie, bei manchen werden die font-angaben dann aber einfach gar nicht berücksichtigt vielleicht kann mir da ja jemand von den experten hier weiterhelfen edit: habe mal in den W3C-SPezifikationen zu CSS2 nachgeschlagen: Fonts demnach ist die verwendete syntax eigentlich richtig. kann es sein, dass die kurzschreibweise vielleicht erst ab mindestens 2 eigenschaften funktioniert? Geändert von Dapaetz (15.07.2007 um 12:02 Uhr) |
Sponsored Links |
|
|||
Die zusammenfassende Eigenschaft font braucht mindestens die Angaben zu font-size und font-family.
Der Validator zeigt dir Syntaxfehler an. Wenn das Banner nicht angezeigt wird, dann ist oft ein Werbeblocker die Ursache. Verwende nicht den Namen "banner". Der Kommentar vor der Doctype-Angabe wirft den IE in den Quirksmode. Keine gute Idee. Mit diesem Script hatten schon andere Probleme. Geändert von fricca (15.07.2007 um 12:54 Uhr) |
Sponsored Links |
|
|||
Schau dir mal das folgende Beispiel an:
Font-Deklaration Laut W3C müssen bei der Kurzschreibweise der "font" Deklaration mindestens die Werte: "font-size" und "font-family" angegeben werden und diese müssen immer in der gleichen Reihenfolge und am Ende der font-Deklaration stehen. Sind diese Werte nicht angegeben, ist die Deklaration ungültig und wird ignoriert. (1. Absatz) Das siehst du sehr gut an meinem obigen Beispiel am 2. Absatz. Dort sind zuletzt die Werte für "font-size" und "font-family" angegeben. Somit ist die "font" Deklaration gültig. Alle anderen angegebenen Werte werden damit auf das Element angewendet. Der "font-weight" Wert wird jetzt hier allerdings nicht vom "body" Element vererbt. Warum? Ganz einfach, dafür sieht der W3C Standard vor, dass weggelassene Werte einer gültigen font-Deklaration auf ihre Standardwerte zurück gesetzt werden. Schau dir dafür in meinem Beispiel die class .correct an, wie sie interpretiert wird. Hoffe, ich konnte dir helfen. edit: fricca hat es nochmal ergänzt. Habe die Browser betreffenden Stellen rausgelöscht. Geändert von doitmax (15.07.2007 um 13:37 Uhr) |
|
|||
Der hat auch noch im HTML zugeschlagen...
edit: Der IE interpretiert die fehlerhaften Regeln nur im Quirksmodus. Dein Beispiel ist somit leider nicht nachvollziehbar. Der erste Absatz erbt die Angaben von body, da die Regel für .false ungültig ist und vollständig ignoriert wird. Das ist auch im IE im Standard-Modus der Fall. Geändert von fricca (15.07.2007 um 13:25 Uhr) |
|
|||
Zitat:
was mir noch nicht ganz klar ist: wenn ich vor der doctype angabe php code stehen habe wirft das den IE in den quirks-modus? |
|
|||
Zitat:
Der Kommentar stört! |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
IE und Firefox - CSS nicht korrekt | wolf1985 | CSS | 5 | 29.04.2008 13:07 |
Probleme mit CSS | heiska | CSS | 1 | 13.03.2008 13:49 |
CSS Probleme mit Imageflow | Toe | CSS | 3 | 06.03.2008 12:59 |
css probleme in firefox | gollib | CSS | 4 | 08.11.2006 19:47 |
CSS Design Probleme | Hawklan | CSS | 5 | 12.08.2004 12:45 |