Webseite für gängige Browser konform machen?

[externus]

Hi,

worauf muss man achten, damit eine Webseite auf den gängigen Browsern (IE, Chrome, FF) anständig dargestellt wird.
Sie muss nicht unbedingt 1:1 auf allen Browsern gleich dargestellt werden, aber zumindest die wichtigsten Elemente sollten funktionieren.

[ოყlἶlրωղყ]

Eigentlich stellen alle Browser eine Website generell gleich da. Man muss also keine spezifischen Eigenschaften vergeben o.aeh.

Allerdings gibt es ein paar CSSdefinitionen, die man an einzelne Browser anpassen muss.
z.B. einen Box-Shadow
den musst du dann entsprechend fuer webkit / firefox / opera anpassen.

  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  -moz-box-shadow: 3px 3px 5px 6px #ccc;
  -o-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow: 3px 3px 5px 6px #ccc;

Das ist allerdings die Ausnahme.
Die meisten Dinge funktionieren wie gesagt unabhaengig vom Browser und werden dann ueberall gleich dargestellt.

[devcode]

Originally Posted by ოყlἶlրωղყ

Eigentlich stellen alle Browser eine Website generell gleich da. Man muss also keine spezifischen Eigenschaften vergeben o.aeh.

Allerdings gibt es ein paar CSSdefinitionen, die man an einzelne Browser anpassen muss.
z.B. einen Box-Shadow
den musst du dann entsprechend fuer webkit / firefox / opera anpassen.

  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  -moz-box-shadow: 3px 3px 5px 6px #ccc;
  -o-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow: 3px 3px 5px 6px #ccc;

Das ist allerdings die Ausnahme.
Die meisten Dinge funktionieren wie gesagt unabhaengig vom Browser und werden dann ueberall gleich dargestellt.

Nein werden sie nicht. Und das nicht nur im IE, sondern auch chrome, ff, opera. Außerdem braucht man beim box-shadow nur noch webkit als prefix anzugeben, sofern man nicht auf ältere versionen achtet.

[ოყlἶlրωղყ]

Die grundlegenden Dinge werden eben doch ueberall gleich angezeigt. Da hatte ich zumindest noch nie andere Erfahrungen.

Und wenn man eine Website richtig gestalten moechte, dann ist es fast unabdingbar auch aeltere Versionen mit einzubeziehen. ;)

~

[Fehlgeschlagen]

Originally Posted by devcode

Nein werden sie nicht. Und das nicht nur im IE, sondern auch chrome, ff, opera. Außerdem braucht man beim box-shadow nur noch webkit als prefix anzugeben, sofern man nicht auf ältere versionen achtet.

Wer IE benutzt ist selber schuld.

[Bgzocker]

Originally Posted by Fehlgeschlagen

Wer IE benutzt ist selber schuld.

Die Meinung vertrette ich persönlich auch, da bekannt ist das IE der wohl schlechteste Browser ist!!
Doch trotzdem nutzen die meisten noch IE... Ist wohl Faulheit....

[externus]

Also für unsere Praxisaufgabe in einem Modul müssen wir eine Webseite mit bestimmter Funktionalität erstellen und die sieht auf IE richtig schrecklich aus und auf FF geht es noch. Chrome sieht sie aus, wie wir es uns eigentlich vorgestellt haben.
Aber wir sollen die Seite für diese gängigen Browser komform machen.

IE ist auch echt der letzte Müll, den nutzen doch echt nur faule und unwissende Menschen

[Desmater]

Mit den aktuellen Versionen von IE hält sich das ganze aber eigentlich in Grenzen. Der Grund für die starke Verbreitung liegt doch auch auf der Hand.
Er wurde, bis zu win8, immer standardmässig mit Windows ausgeliefert. Ca. 80% der Nutzer haben kein großes interesse sich mit der Materie zu beschäftigen und nutzen IE einfach weil er da ist.
Aber wie gesagt, mit Version 9 und 10 hat sich der support eingetlich verbessert soweit ich weiß, habs selber nie ausprobiert, da ich kein IE habe (läuft halt schlecht auf Debian ^^)

[telcy]

Jeder Browser hat teilweise eigene Voreinstellungen für manche CSS Elemente. Zum Beispiel vordefinierte Größen für Überschriften, Abstände etc.
Binde einfach dieses als reset.css ein. Dann hast du schonmal überall das gleiche Ausgangsschema.



Desweiteren kann es aber trotzdem sein, dass die Darstellung unterschiedlich ist. Der IE braucht manchmal ein paar mehr Zeilen für einen Style, um Fehlern aus dem Weg zu gehen.

Gruß,
telcy