Webseite auf unterschiedlichen Browsern

Webbrowser Gast #4871368 
Hallo,

ich habe ein Problem mit dem Anzeigen einer Webseite auf 
unterschiedlichen Geräten.
Gebaut ist eine kleine HTML Seite, wenige hundert Bytes, die per WLAN 
übertragen wird. Funktioniert auch alles prima, nur muss man leider "den 
richtigen" Browser verwenden.

Einige Handys klappen, andere nicht.
Wo sehe ich, wie eine Webseite geschaffen sein sollte, damit sie 
wirklich von allen Geräten die einen Browser besitzen genutzt werden 
kann?

Ich bräuchte da irgendwie eine Übersicht oder ein Beispiel.
Antwort Zitieren Bearbeiten Thread verschieben Thread sperren Langsamer Modus Anmeldepflicht aktivieren Anpinnen Thread löschen Thread mit anderem zusammenführen Melden Danke
Nop Gast #4871377 
Zunächst einmal: HTML ist dazu da, Seiten logisch zu gliedern. HTML ist 
nicht dafür da, ein bestimmtes Aussehen und Layout vorzugeben.

Schritt 1: sicherstellen, daß Dein HTML korrekt ist. Geht hier: 
https://validator.w3.org/

Schritt 2: Tauglichkeit für mobile Geräte: 
https://search.google.com/search-console/mobile-friendly

Schritt 3: bau Deine Seite mit "responsive design" auf: 
https://developers.google.com/web/fundamentals/design-and-ui/responsive/?hl=de
Antwort Zitieren Bearbeiten Löschen Melden Danke
Daniel A. #4871382 
Das kommt drauf an, wie alte/exotische Browser unterstützt werden 
sollen. (z.B. werden Netscape und IE1 noch benötigt, was ist mit 
nicht-smart-Phones, etc.). Jenachdem verwendest du dann nur die 
Elemente/Standards, die alle unterstützen.
Antwort Zitieren Bearbeiten Löschen Melden Danke
[[noname]] Gast #4871441 
Webbrowser schrieb:


> Gebaut ist eine kleine HTML Seite, wenige hundert Bytes, die per WLAN
> ....


Zum testen:
https://www.browserstack.com/screenshots

oder nach Check Browser Compatibility, Cross Platform Browser Test, etc. 
suchen. Gibt da ein paar.
>

> Wo sehe ich, wie eine Webseite geschaffen sein sollte, damit sie
> wirklich von allen Geräten die einen Browser besitzen genutzt werden
> ...

> Ich bräuchte da irgendwie eine Übersicht oder ein Beispiel.

Layouts welche überall funktionieren, ist zwar schon aelter aber gibt 
hervorragende Tips:

http://matthewjamestaylor.com/blog/perfect-multi-column-liquid-layouts

# No CSS hacks
# iPhone & iPod Touch compatible
# SEO friendly
# Full length column background colours
# No Images
# No JavaScript
# Resizable text compatible
# Stackable columns
Antwort Zitieren Bearbeiten Löschen Melden Danke
Thread beobachten

Antwort schreiben

Eine eigene Frage? Dieser Thread ist über 9 Jahre alt. Stell sie in einem eigenen Thread – dort lesen mehr Leute mit, und sie wird öfter und schneller beantwortet.

Neuen Thread starten

Eine Lösung, Ergänzung oder Rückmeldung zu diesem Thread? Dann antworte hier.

Formatierung
  • [c]C-Code[/c]
  • [code]Code in anderen Sprachen, ASCII-Zeichnungen[/code]
  • [math]Formel in LaTeX-Syntax[/math]
  • [[Titel]] – Link zu einem Artikel
  • Verweis auf einen anderen Beitrag: Rechtsklick auf dessen Beitrags-ID (#8078628), „Adresse kopieren“, in den Text einfügen

Mehr zur Formatierung

Längeren Sourcecode als Anhang, nicht in den Text. JPG nur für Fotos und Scans; Zeichnungen und Screenshots als PNG oder GIF. Siehe Bildformate.

Dein Name und deine E-Mail-Adresse

Schon registriert? Anmelden

Wird nicht angezeigt. Wir schicken dir einen Link; sobald du damit bestätigst, erscheint dein Beitrag.

Mit dem Abschicken legst du einen kostenlosen Account an und erkennst die Nutzungsbedingungen und die Datenschutzerklärung an.