Hagen: Wie optimiere ich meine Seite für die Verschiedenen Browser?

High !

Meine Seite sieht im Netscape 4.7  super aus.
Im Explorer auch. Aber dann gehts ab.

Meine Frage :
Muß ich die Frames besser in % angeben und soll scrolling immer auf no sein ?
Wie Optimiere ich die Seite für Opera, etc ?

Danke schon im voraus

Hagen
Danke im voraus

  1. Moin,

    ich machs so, wenns um html geht, verschiedene Versionen und in der Index-Seite Browserabfrage und entsprechend replace.
    Wenns um JS oder Dhtml geht sehe dir mal http://www.dhtmlcentral.com an, der Brattli hat gute Crossbrowser-Bibliotheken.

    SteBu

  2. Guude

    Wie Optimiere ich die Seite für Opera, etc ?

    Das beste ist, gar nicht zu optimieren, sondern die Seite so einfach zu machen, dass sie jeder HTML4 fähige Browser richtig anzeigen kann.

    Das bedeutet nicht unbedingt, auf viel zu verzichten, nur grundlegend muss alles so gestaltet sein, dass ich ggf. auch ohne Frames und Javascript deine Seite anschauen kann.

    Das erspart dir viel Arbeit, gleichzeitig hast du ein grosses Publikum gewonnen (du willst ja nicht für den hinterletzten Browser auch optimieren und ggf. bis zu 10 verschiedene Versionen anbieten, oder? ), und diese Zeit kannst du in den Inhalt deiner Seite stecken.

    Schau dir SelfHTML an, jeder Browser "versteht" es, es sieht schlicht aus, dafür ist der Inhalt allererste Sahne.

    Tschö Matti

  3. Hallo,

    schau' dir doch mal http://www.anybrowser.org/ an. Da steht alles wie man es macht und warum man es machen sollte.

    Gruß

  4. Meine Frage :
    Muß ich die Frames besser in % angeben und soll scrolling immer auf no sein ?
    Wie Optimiere ich die Seite für Opera, etc ?

    Ich bin ein starker Gegner des Ausdrucks "optimieren für Browser X" (genauso wie ich gegen den Satz "optimiert für Auflösung x" bin - aus den gleichen Gründen).

    Optimieren macht ohnehin niemand. Was gemacht wird ist, daß Seiten nur in einem Browser getestet werden, und daß Tags genommen werden, die nur mit einem Browser funktionieren. Aber das, was im Wort "Optimieren" drinsteckt, nämlich das sich wirklich jemand hinsetzt und am Code per Hand noch rumfummelt, damit der im Browser ideal funktioniert - das macht keiner. Es wird also nicht für Browser "optimiert", sondern nur "geschrieben". Die Bezeichnung "Geschrieben für Browser X" triff die Realität.

    Und dann ist es relativ leicht, nicht für einen bestimmten Browser zu schreiben, sondern für alle. Wie macht man das?

    1. Valides HTML. Jedes öffnende Tag muß geschlossen werden, mit Ausnahme der Einzeltags wie <img>, <br> oder <hr>. Einen Validator gibts kostenlos online: http://validator.w3.org. Alle Fehlermeldungen dort müssen bereinigt werden, zumindest die schlimmen.

    2. Keine speziellen Features eines Browsers nutzen. Nur Netscape kann <blink> (blinkenden Text), nur Internet Explorer kann <marquee> (Laufschrift). Der jeweils andere Browser wird nur einfach Text anzeigen. Abgesehen davon sind diese beiden Tags ohnehin mit das Schlimmste, was man seinen Besuchern antun kann.

    3. Viel testen, in allen möglichen Browsern und Plattformen. Tja, das ist sicher die größte Aufgabe, aber ohne Tests in real existierenden Browsern kann man noch so schön valide Seiten schreiben: Wenn hinterher die Browser nicht das machen, was sie sollen, ist das Bemühen sinnlos.

    4. Eine gewisse Toleranz gegenüber Anzeigeunterschieden bekommen, oder viele Erfahrungen mit den unterschiedlichen Browsern sammeln. Meist ist es mit einfachen Mitteln NICHT möglich, die Seiten in allen Browsern identisch anzeigen zu lassen. Dann kann man entweder lange rumprobieren, oder man betrachtet sich das Resultat einmal isoliert und fragt sich, ob es nicht ok ist.

    Auf meiner Seite z.B. wird im Netscape 4 der blaue Balken links mit der Navigation breiter angezeigt, als in allen anderen Browsern. Das stört aber die Funktion der Seite nicht. Also hab' ich das so gelassen. Sicherlich hätte man mit einigen Tricks die Darstellung identisch hinkriegen können, aber wozu? Ein Besucher benutzt immer EINEN Browser zur Zeit, meist hat er ohnehin nur einen einzigen installiert. Es wird also ohnehin niemand die Darstellungsunterschiede sehen. Nur Fehler dürfen natürlich nicht auftreten.

    - Sven Rautenberg

    1. Meine Frage :
      Muß ich die Frames besser in % angeben und soll scrolling immer auf no sein ?
      Wie Optimiere ich die Seite für Opera, etc ?

      Ich bin ein starker Gegner des Ausdrucks "optimieren für Browser X" (genauso wie ich gegen den Satz "optimiert für Auflösung x" bin - aus den gleichen Gründen).

      Da gebe ich Dir völlig recht, es gibt doch auch die Initiative "Net optimized", die find ich gut.

      Optimieren macht ohnehin niemand.

      Das glaub ich aber nicht, wenn ich auch in anderen Foren lese wieviele Leute sich bemühen für IE und NN (teilweise auch noch mehr)
      korrekt zuschreiben.

      1. Valides HTML. Jedes öffnende Tag muß geschlossen werden, mit Ausnahme der Einzeltags wie <img>, <br> oder <hr>. Einen Validator gibts kostenlos online: http://validator.w3.org. Alle Fehlermeldungen dort müssen bereinigt werden, zumindest die schlimmen.

      Ja stimmt, aber manchmal möchte man eben was mit Pfiff machen; z.B. absolutes Positionieren mit CSS und da muss z.B. der NN 4.7 die Flügel strecken.

      1. Keine speziellen Features eines Browsers nutzen. Nur Netscape kann <blink> (blinkenden Text), nur Internet Explorer kann <marquee> (Laufschrift). Der jeweils andere Browser wird nur einfach Text anzeigen. Abgesehen davon sind diese beiden Tags ohnehin mit das Schlimmste, was man seinen Besuchern antun kann.

      JA DU HAST SO RECHT !!! *g*

      1. Viel testen, in allen möglichen Browsern und Plattformen. Tja, das ist sicher die größte Aufgabe, aber ohne Tests in real existierenden Browsern kann man noch so schön valide Seiten schreiben: Wenn hinterher die Browser nicht das machen, was sie sollen, ist das Bemühen sinnlos.

      Allerdings finde ich das die User auch mal hin und wieder ihre Browser updaten können. Wer jetzt noch ohne zwingenden Grund z.B. mit einem IE 4.0 oder NN 3.x rumsurft ist selbst schuld, wenn er nicht alles mitkriegt.

      1. Eine gewisse Toleranz gegenüber Anzeigeunterschieden bekommen, oder viele Erfahrungen mit den unterschiedlichen Browsern sammeln. Meist ist es mit einfachen Mitteln NICHT möglich, die Seiten in allen Browsern identisch anzeigen zu lassen. Dann kann man entweder lange rumprobieren, oder man betrachtet sich das Resultat einmal isoliert und fragt sich, ob es nicht ok ist.

      Ein Besucher benutzt immer EINEN Browser zur Zeit, meist hat er ohnehin nur einen einzigen installiert. Es wird also ohnehin niemand die Darstellungsunterschiede sehen.

      Glaub ich gar nicht, viele nutzen mind. 2 Browser, ich selbst z.B. 4

      • Sven Rautenberg

      Grüsse, noxxo formerly known as TOM

      1. Optimieren macht ohnehin niemand.

        Das glaub ich aber nicht, wenn ich auch in anderen Foren lese wieviele Leute sich bemühen für IE und NN (teilweise auch noch mehr)
        korrekt zuschreiben.

        Das ist dann aber kein Optimieren im Sinne von "optimiert für Netscape" oder "optimiert für IE", sondern "geschrieben für Netscape UND IE". Wer sich bemüht, zwei Browser zu unterstützen, der braucht das "optimiert für" nicht schreiben, und der ist von der Ausrichtung der Seiten für alle Browser nicht weit entfernt. Also ein aussichtsreicher Kandidat.

        1. Valides HTML.

        Ja stimmt, aber manchmal möchte man eben was mit Pfiff machen; z.B. absolutes Positionieren mit CSS und da muss z.B. der NN 4.7 die Flügel strecken.

        Valides HTML und Netscape-Probleme schließen sich nicht aus, sie bedingen einander. Korrekte HTML-Seiten verhindern, daß es Browserfehler gibt.

        Allerdings finde ich das die User auch mal hin und wieder ihre Browser updaten können. Wer jetzt noch ohne zwingenden Grund z.B. mit einem IE 4.0 oder NN 3.x rumsurft ist selbst schuld, wenn er nicht alles mitkriegt.

        Userentscheidung. Punkt. Der User muß die Konsequenzen tragen, aber deswegen unleserliche Seiten zu machen, ist auch doof.

        Ein Besucher benutzt immer EINEN Browser zur Zeit, meist hat er ohnehin nur einen einzigen installiert. Es wird also ohnehin niemand die Darstellungsunterschiede sehen.

        Glaub ich gar nicht, viele nutzen mind. 2 Browser, ich selbst z.B. 4

        Wir reden vom Normaluser. Der hat den Internet Explorer drauf, und gut ist. Und der wird benutzt.

        Ich persönlich habe auch mehrere Browser drauf, aber zum Surfen nehme ich nur Opera - IE oder Netscape gibts nur, wenn die Seite es unbedingt verlangt, und ich die Seite unbedingt brauche: Beim Homebanking. ;)

        Und auch du wirst kaum mit deinen vier Browsern parallel alle Seiten ansurfen, nur um die Unterschiede rauszufinden. Das KANNST du zwar machen, aber dann surfst du nicht, sondern suchst Unterschiede der Browser. ;)

        - Sven Rautenberg

  5. n'Abend

    Meine Seite sieht im Netscape 4.7  super aus.
    Im Explorer auch. Aber dann gehts ab.

    Meine Frage :
    Muß ich die Frames besser in % angeben und soll scrolling immer auf no sein ?

    Kommt auf die Zielstellung an.
    Ich bevorzuge z.B. "200,200,*" dann ist die Seite fast immer identisch aufgebaut (wenn der * für einen freien Randbereich steht)

    Scrolling auf NO verhindert Überraschungen, dass die Frames von Scrollbalken zerschnitten werden. Wirkt besonders bei über mehrere Frames gehende Gleichfarbigkeit unglücklich.

    Wie Optimiere ich die Seite für Opera, etc ?

    Opera ist gegenüber den beiden "alten" Browsern eher strikt. Das heisst, was vom w3c zugelassen ist funktioniert auch reibungslos. Alles andere kann... (siehe Stealth-Modus weiter unten)

    Und eine große Unsitte der "programiert für .XXX."-Gilde ist noch die, eine unvollständige Browserabfrage in ihre Seite einzubinden und dann nach if EXPLORER elsif NETSCAPE den else-Zweig für den Rest absichtlich zu vergessen und damit alle auszusperren, die nach Meinung des werten Seitenherstellers mit dem falschen Browser unterwegs sind. Den selben "Gag" gibts auch noch mit der falschen Versionsnummer 3/4/5...

    Und da kann der ahnungslose Seiteninhaber, der die Herstellung "nur" bestellt hat nichtmal was dafür, da ihm die Möglichkeit eines solchen Problems im Zweifel nichtmal bekannt ist, so dass er seinem Auftragnehmer darüber keine Vorschriften gemacht hat.

    Da rette einen Opera über die schlimmsten Hürden hinweg, da er über einen "Stealth"-Mode verfügt, und als Explorer oder Netsi getarnt durchs Netz surfen kann. Und das beste daran - die meisten Seiten funktionieren sogar ;-)

    Doch zurück zum "Betreff": Es ist immer hilfreich, wenn man so restriktiv wie möglich schreibt, also eher verzichten als überladen.

    Und - man sollte vorher wissen, was die Browser so beherrschen, z.B. JavaScript 1.0/1.1/1.2 , denn sonst fallen zB. schonmal so nette Dinge wie das Image-Objekt unter den Tisch und nix ist mit dem MouseOver Bild-Tausch-Effekt.

    Das selbe Drama ist's mit CSS1 /CSS2.

    Somit wäre es wohl besser an seine Seite dranzuschreiben "Diese Seite verwendet HTML4.0 JS1.2 CSS2" statt "optimiert für MSIE oder Netsi".

    Gruß

    Andreas