Webseite auf unterschiedlichen Browsern

[Webbrowser (Gast)]

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.

[aggfksegh (Gast)]

Zeig sie halt mal her.

aggfksegh

[Nop (Gast)]

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

[Daniel A. (daniel-a)]

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.

[aggfksegh (Gast)]

Daniel A. schrieb:
> Jenachdem verwendest du dann nur die
> Elemente/Standards, die alle unterstützen.
Mehr wird da
Webbrowser schrieb:
> kleine HTML Seite, wenige hundert Bytes

auch nicht reinpassen.

aggfksegh

[[[noname]] (Gast)]

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

[MaVim (Gast)]

aggfksegh schrieb:
> Daniel A. schrieb:
>> Jenachdem verwendest du dann nur die
>> Elemente/Standards, die alle unterstützen.
> Mehr wird da
> Webbrowser schrieb:
>> kleine HTML Seite, wenige hundert Bytes
>
> auch nicht reinpassen.

Die "meisten" HTML-Seiten haben doch heute nur doch wenige Bytes.
Reicht auch locker, um 10+ MB JavaScript-Dateien einzubinden.

[aggfksegh (Gast)]

MaVim schrieb:
> Die "meisten" HTML-Seiten haben doch heute nur doch wenige Bytes.
> Reicht auch locker, um 10+ MB JavaScript-Dateien einzubinden.

Stimmt allerdings.

aggfksegh