Darstellung für alte Browser (modernizr)

[tutto]

Hallo,

ich habe einen Seitenstruktur responsive mit square-box:before und den Quadraten auf einer Seite einen border über nth-child zugeordnet. Es war mir wichtig einfach mit CSS zu arbeiten um eine möglichst hohe kompatibilität zu erreichen.

Beim überprüfen mit einem älteren Safari werden die Quadrate aber der border nicht gezeigt.

Fragen:

1.) border ist doch nicht neu. Wie kann das sein?

2.) Wie muss ich vorgehen um die rückwärtskompatibilität
a: zu überprüfen
b: Fehler zu beheben? Wäre hier der Einsatz von modernizr sinnvoll. Wenn ja, wird das wohl nur über js gehen. Kann modernizr modulartig für ein konkretes Problem eingesetzt werden?
c: gibt es eine aktuelle Liste wann und wie prefixes notwendig sind?

 

[Myhar]

Es kommt nicht nur darauf an, ob ein Befehl wie border verstanden wird, es ist auch wichtig, dass der Selektor vom jeweiligen Browser unterstützt wird. Möchtest du also auch alte Browser (zB IE6? ) unterstützen, dann darfst du kein nth-child oder ähnliches verwenden. Die Frage ist, wieso muss diese alte Version unterstützt werden? Wie sehen die Zugriffszahlen auf deiner Website mit diesem Browser aus?

auf caniuse.com kannst du CSS Unterstützung der einzelnen Browser nachsehen.

 

[vbueb]

Ich verstehe nicht, was du versuchst mit der square-box anzustellen. Das hört sich für mich im ersten Moment nach einerm seltsamen Lösungsansatz an, zumal ich nichts rechtes dazu finden kann. Kannst du nicht einfach beschreiben, was du eigentlich machen willst?

Wenn du auf modernen responsiven Kram stehst, dann gibt es in CSS3 eine Alternative zu flexiblen divs. Guck dir doch mal diesen Link an. Der CSS3-Befehl flexbox wird beim IE so gut wie gar nicht unterstützt, auch beim IE11 eher finster. Abwärtskompatibel ist das nicht.

Normalerweise macht man das, was die flexbox ersetzen soll, ja mit div-Tags in HTML und entsprechenden CSS-Anweisungen. Das ist aber nichts Neues. Wenn du bitte deine Problemstellung etwas ausführen würdest, könnten wir dir vielleicht helfen.