Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > ger.ct > #246722 > unrolled thread

Seltsamer HTML-Rendering-Fehler in iOS

Back to article view | Back to ger.ct

Contents

  Seltsamer HTML-Rendering-Fehler in iOS "Michael Landenberger" <spameimer052006@arcor.de> - 2016-03-13 16:57 +0100
    Re: Seltsamer HTML-Rendering-Fehler in iOS Dr. Joachim Neudert <neudert@5sl.org> - 2016-03-13 15:59 +0000
      Re: Seltsamer HTML-Rendering-Fehler in iOS "Michael Landenberger" <spameimer052006@arcor.de> - 2016-03-13 17:12 +0100
        Re: Seltsamer HTML-Rendering-Fehler in iOS "Dr. Joachim Neudert" <neudert@5sl.org> - 2016-03-13 17:15 +0100
          Re: Seltsamer HTML-Rendering-Fehler in iOS "Michael Landenberger" <spameimer052006@arcor.de> - 2016-03-13 17:29 +0100
            Re: Seltsamer HTML-Rendering-Fehler in iOS "Dr. Joachim Neudert" <neudert@5sl.org> - 2016-03-13 17:39 +0100
              Re: Seltsamer HTML-Rendering-Fehler in iOS "Michael Landenberger" <spameimer052006@arcor.de> - 2016-03-13 18:00 +0100
      Re: Seltsamer HTML-Rendering-Fehler in iOS Walter Schmid <paulwalterschmid@vtxmail.ch> - 2016-03-13 17:51 +0100
    Re: Seltsamer HTML-Rendering-Fehler in iOS Dennis Preiser <d__p@d--p.de> - 2016-03-13 16:19 +0000
      Re: Seltsamer HTML-Rendering-Fehler in iOS "Michael Landenberger" <spameimer052006@arcor.de> - 2016-03-13 17:51 +0100
        Re: Seltsamer HTML-Rendering-Fehler in iOS Dennis Preiser <d__p@d--p.de> - 2016-03-13 16:59 +0000
          Re: Seltsamer HTML-Rendering-Fehler in iOS "Michael Landenberger" <spameimer052006@arcor.de> - 2016-03-13 18:06 +0100
        Re: Seltsamer HTML-Rendering-Fehler in iOS Diedrich Ehlerding <diedrich.ehlerding@t-online.de> - 2016-03-13 18:32 +0100
          Re: Seltsamer HTML-Rendering-Fehler in iOS Gerrit Heitsch <gerrit@laosinh.s.bawue.de> - 2016-03-13 19:11 +0100
            Re: Seltsamer HTML-Rendering-Fehler in iOS Diedrich Ehlerding <diedrich.ehlerding@t-online.de> - 2016-03-13 19:53 +0100
    Re: Seltsamer HTML-Rendering-Fehler in iOS v_borchert@despammed.com (Volker Borchert) - 2016-03-13 19:41 +0000
    Re: Seltsamer HTML-Rendering-Fehler in iOS Hartmut Ott <hottm@arcor.de> - 2016-03-14 16:16 +0100

#246722 — Seltsamer HTML-Rendering-Fehler in iOS

Hallo,

die Seite <http://www.alice-dsl.net/landenberger/test.html> enthält einen
Auszug aus dem Quellcode einer von einem CMS generierten "großen" Website. Um
die werte Gemeinde nicht mit einem Haufen Quellcode aus der "großen" Seite zu
erschlagen, habe ich nur den relevanten Teil in eine HTML-Datei kopiert und
diese auf meinen eigenen Webspace hochgeladen.

Die Seite enthält eigentlich nur eine schlichte Tabelle mit 5 Zeilen und 2
Spalten. In sämtlichen Zellen sollte die gleiche Schriftgröße (14px) verwendet
werden. Auf allen von mir getesteten Desktop-Browsern incl. Safari für Mac OSX
ist das auch so. Unter iOS (getestet mit 7 und 9) sind jedoch die Ziffern in
der linken Spalte deutlich kleiner als der Text in der rechten Spalte. Das
betrifft sowohl Safari als auch Opera für iOS.

Was genau läuft da schief?

Gruß

Michael

[toc] | [next] | [standalone]

#246724

Michael Landenberger <spameimer052006@arcor.de> wrote:
> Hallo,
> 
> die Seite <http://www.alice-dsl.net/landenberger/test.html> enthält einen
> Auszug aus dem Quellcode einer von einem CMS generierten "großen" Website. Um
> die werte Gemeinde nicht mit einem Haufen Quellcode aus der "großen" Seite zu
> erschlagen, habe ich nur den relevanten Teil in eine HTML-Datei kopiert und
> diese auf meinen eigenen Webspace hochgeladen.
> 
> Die Seite enthält eigentlich nur eine schlichte Tabelle mit 5 Zeilen und 2
> Spalten. In sämtlichen Zellen sollte die gleiche Schriftgröße (14px) verwendet
> werden. Auf allen von mir getesteten Desktop-Browsern incl. Safari für Mac OSX
> ist das auch so. Unter iOS (getestet mit 7 und 9) sind jedoch die Ziffern in
> der linken Spalte deutlich kleiner als der Text in der rechten Spalte. Das
> betrifft sowohl Safari als auch Opera für iOS.


Auf dem iPad Air ist die Schriftgröße in beiden Spalten gleich bei mir.

Gruß

Joachim



-- 
please forgive my iPhone typos -sent via Newstap

[toc] | [prev] | [next] | [standalone]

#246725

"Dr. Joachim Neudert" schrieb am 13.03.2016 um 16:59:01:

> Michael Landenberger <spameimer052006@arcor.de> wrote:

>> Die Seite enthält eigentlich nur eine schlichte Tabelle mit 5 Zeilen und 2
>> Spalten. In sämtlichen Zellen sollte die gleiche Schriftgröße (14px)
>> verwendet werden. Auf allen von mir getesteten Desktop-Browsern incl.
>> Safari für Mac OSX ist das auch so. Unter iOS (getestet mit 7 und 9) sind
>> jedoch die Ziffern in der linken Spalte deutlich kleiner als der Text in
>> der rechten Spalte. Das betrifft sowohl Safari als auch Opera für iOS.
 
> Auf dem iPad Air ist die Schriftgröße in beiden Spalten gleich bei mir.

Auf einem iPhone 4 (mit iOS 7) sowie einem 5s (mit iOS 9) sind die Ziffern in
der linken Spalte nur gut 3/4 so groß wie der Text in der rechten Spalte. In
allen Zellen ist die vertikale Ausrichtung "oben". Zumindest das scheint auch
in der linken Spalte zu funktionieren, allerdings sehen die Ziffern in der
linken Spalte dadurch aus wie hochgestellt.

Wenn ich ein iPad auftreibe, werde ich das da auch nochmal probieren.

Gruß

Michael

[toc] | [prev] | [next] | [standalone]

#246727

Am 13.03.16 um 17:12 schrieb Michael Landenberger:
> "Dr. Joachim Neudert" schrieb am 13.03.2016 um 16:59:01:
> 
>> Michael Landenberger <spameimer052006@arcor.de> wrote:
> 
>>> Die Seite enthält eigentlich nur eine schlichte Tabelle mit 5 Zeilen und 2
>>> Spalten. In sämtlichen Zellen sollte die gleiche Schriftgröße (14px)
>>> verwendet werden. Auf allen von mir getesteten Desktop-Browsern incl.
>>> Safari für Mac OSX ist das auch so. Unter iOS (getestet mit 7 und 9) sind
>>> jedoch die Ziffern in der linken Spalte deutlich kleiner als der Text in
>>> der rechten Spalte. Das betrifft sowohl Safari als auch Opera für iOS.
>  
>> Auf dem iPad Air ist die Schriftgröße in beiden Spalten gleich bei mir.
> 
> Auf einem iPhone 4 (mit iOS 7) sowie einem 5s (mit iOS 9) sind die Ziffern in
> der linken Spalte nur gut 3/4 so groß wie der Text in der rechten Spalte. In
> allen Zellen ist die vertikale Ausrichtung "oben". Zumindest das scheint auch
> in der linken Spalte zu funktionieren, allerdings sehen die Ziffern in der
> linken Spalte dadurch aus wie hochgestellt.
> 
> Wenn ich ein iPad auftreibe, werde ich das da auch nochmal probieren.
> 
> Gruß
> 
> Michael
> 

Evtl. ist es einfach nur eine Automatik, um die Seite auf dem
limitierten Smartphone-Platz leserlich zu rendern?

iOS 9 auf dem iPad Air hat, wenn genügend Platz vorhanden ist, die
Intention beide Schriftarten gleich groß zu rendern jedenfalls korrekt
verstanden.

Gruß

Joachim

[toc] | [prev] | [next] | [standalone]

#246732

"Dr. Joachim Neudert" schrieb am 13.03.2016 um 17:15:05:

> Evtl. ist es einfach nur eine Automatik, um die Seite auf dem
> limitierten Smartphone-Platz leserlich zu rendern?

Und das tut diese Automatik auf die ausgesprochen blödsinnige Weise, dass nur
die Zellen in der linken Spalte kleiner gerendert werden, alle anderen exakt
gleich (!) formatierten Zellen jedoch nicht?

> iOS 9 auf dem iPad Air hat, wenn genügend Platz vorhanden ist, die
> Intention beide Schriftarten gleich groß zu rendern jedenfalls korrekt
> verstanden.

Es gibt in dem Beispiel keine 2 verschiedenen Schriftarten. Alle Zellen in der
Tabelle sind mit ein und derselben Schriftart und -größe formatiert.

Inzwischen habe ich die Seite auch mal auf dem iPad des Nachbarn probiert: da
ist alles in Ordnung. Auf Android- und Bada-Smartphones übrigens auch.

Gruß

Michael

[toc] | [prev] | [next] | [standalone]

#246735

Am 13.03.16 um 17:29 schrieb Michael Landenberger:
> "Dr. Joachim Neudert" schrieb am 13.03.2016 um 17:15:05:
> 
>> Evtl. ist es einfach nur eine Automatik, um die Seite auf dem
>> limitierten Smartphone-Platz leserlich zu rendern?
> 
> Und das tut diese Automatik auf die ausgesprochen blödsinnige Weise, dass nur
> die Zellen in der linken Spalte kleiner gerendert werden, alle anderen exakt
> gleich (!) formatierten Zellen jedoch nicht?
> 
>> iOS 9 auf dem iPad Air hat, wenn genügend Platz vorhanden ist, die
>> Intention beide Schriftarten gleich groß zu rendern jedenfalls korrekt
>> verstanden.
> 
> Es gibt in dem Beispiel keine 2 verschiedenen Schriftarten. Alle Zellen in der
> Tabelle sind mit ein und derselben Schriftart und -größe formatiert.
> 
> Inzwischen habe ich die Seite auch mal auf dem iPad des Nachbarn probiert: da
> ist alles in Ordnung. Auf Android- und Bada-Smartphones übrigens auch.
> 
> Gruß
> 
> Michael
> 

Spricht doch sehr für die Renderautomatik, die versucht diese arg
statische Seitendefinition doch noch lesbar auf dem Mobilgerät
darzustellen. Das findet laufend statt.

Warum sollte er beide Spalten unleserlich klein darstellen, wenn es
reicht eine Spalte zu verkleinern? Gerechtigkeitssinn?

[toc] | [prev] | [next] | [standalone]

#246741

"Dr. Joachim Neudert" schrieb am 13.03.2016 um 17:39:51:

> Am 13.03.16 um 17:29 schrieb Michael Landenberger:

>> Inzwischen habe ich die Seite auch mal auf dem iPad des Nachbarn probiert:
>> da ist alles in Ordnung. Auf Android- und Bada-Smartphones übrigens auch.

> Spricht doch sehr für die Renderautomatik, die versucht diese arg
> statische Seitendefinition doch noch lesbar auf dem Mobilgerät
> darzustellen.

Die Seite ist überhaupt nicht für mobile Devices gedacht. Die gesamte Tabelle
ist auf einem Smartphone schwer lesbar. Man kann aber 'reinzoomen, dann kann
man alles lesen. Allerdings ist dann keine "Renderautomatik" mehr nötig. Aber
egal: ein HTML-Renderer hat nicht am Layout herumzupfuschen. Er hat in jeder
Zoomstufe gleich formatierten Text auch gleich darzustellen. Die Entscheidung,
ob das dann lesbar ist oder nicht, möchte er bitte dem Benutzer überlassen.

Offenbar ist die Theorie mit der "Renderautomatik" aber sowieso falsch, denn
Dennis' iPhone scheint (im Gegensatz zu meinem iPhone 4 mit iOS 7 bzw. dem
iPhone 5s des Nachbarn mit iOS 9) alles richtig zu machen. Es pfuscht auch
nicht am Layout herum.

Gruß

Michael

[toc] | [prev] | [next] | [standalone]

#246738

Am 13.03.2016 um 16:59 schrieb Dr. Joachim Neudert:
> Michael Landenberger <spameimer052006@arcor.de> wrote:

> Auf dem iPad Air ist die Schriftgröße in beiden Spalten gleich bei mir.


iPad 4 dito


Gruss

Walter

-- 
****************************************************************
Es ist einfach nicht wahr, dass alle Kulturen gleichwertig sind!
Die political correctness ist darum ein grosses Unglück.
****************************************************************

[toc] | [prev] | [next] | [standalone]

#246728

Michael Landenberger <spameimer052006@arcor.de> wrote:
> die Seite <http://www.alice-dsl.net/landenberger/test.html> enthält einen
> Auszug aus dem Quellcode einer von einem CMS generierten "großen" Website. Um
> die werte Gemeinde nicht mit einem Haufen Quellcode aus der "großen" Seite zu
> erschlagen, habe ich nur den relevanten Teil in eine HTML-Datei kopiert und
> diese auf meinen eigenen Webspace hochgeladen.
> 
> Die Seite enthält eigentlich nur eine schlichte Tabelle mit 5 Zeilen und 2
> Spalten. In sämtlichen Zellen sollte die gleiche Schriftgröße (14px) verwendet
> werden. Auf allen von mir getesteten Desktop-Browsern incl. Safari für Mac OSX
> ist das auch so. Unter iOS (getestet mit 7 und 9) sind jedoch die Ziffern in
> der linken Spalte deutlich kleiner als der Text in der rechten Spalte. Das
> betrifft sowohl Safari als auch Opera für iOS.

Hier sieht das so aus:

	<http://d--p.de/tmp/2016-03-13_1.png>

Da kann man auch erahnen, warum angaben in px nicht optimal sind. Wenn
man reinzoomt sieht das so aus:

	<http://d--p.de/tmp/2016-03-13_2.png>

bzw. so

	<http://d--p.de/tmp/2016-03-13_3.png>

> Was genau läuft da schief?

Tja. Wie sieht das denn bei Dir genau aus?

Dennis

[toc] | [prev] | [next] | [standalone]

#246737

"Dennis Preiser" schrieb am 13.03.2016 um 17:19:04:

> Hier sieht das so aus:
> 
> <http://d--p.de/tmp/2016-03-13_1.png>

Das sieht ok aus. Bei mir (iOS 7 und iOS 9) sieht es auf dem iPhone dagegen so
aus:
<http://www.alice-dsl.net/landenberger/screenshot.png> (reingezoomt, damit
besser erkennbar).
Die Ziffern in der linken Spalte sitzen weiter oben als die in der rechten und
sind auch minimal kleiner (ich habe den Screenshot in ein Grafikprogramm
geladen und die Zeichenhöhe ausgemessen. Die Messung ergab 44 Pixel Höhe für
die Ziffern in der linken Spalte und 52 Pixel Höhe für den Text in der rechten
Spalte).

> Da kann man auch erahnen, warum angaben in px nicht optimal sind.

Das ist mir bekannt, aber das CMS haut das nunmal so raus.

> Wenn
> man reinzoomt sieht das so aus:
> 
> <http://d--p.de/tmp/2016-03-13_2.png>
> 
> bzw. so
> 
> <http://d--p.de/tmp/2016-03-13_3.png>

Ist ebenfalls völlig ok. Es wird immer mysteriöser...

Gruß

Michael

[toc] | [prev] | [next] | [standalone]

#246740

Michael Landenberger <spameimer052006@arcor.de> wrote:
> "Dennis Preiser" schrieb am 13.03.2016 um 17:19:04:
> 
>> Hier sieht das so aus:
>> 
>> <http://d--p.de/tmp/2016-03-13_1.png>
> 
> Das sieht ok aus. Bei mir (iOS 7 und iOS 9) sieht es auf dem iPhone dagegen so
> aus:
> <http://www.alice-dsl.net/landenberger/screenshot.png> (reingezoomt, damit
> besser erkennbar).

Ich hab es in der Zwischenzeit mal auf einem iPhone 4s angesehen, da
sieht das so aus wie bei Dir. Auf meinem iPhone 6s ist die Darstellung
OK (da kamen meine Screenshots her). Beides Mal iOS 9.2.1.

Dennis

[toc] | [prev] | [next] | [standalone]

#246743

"Dennis Preiser" schrieb am 13.03.2016 um 17:59:17:

> Ich hab es in der Zwischenzeit mal auf einem iPhone 4s angesehen, da
> sieht das so aus wie bei Dir. Auf meinem iPhone 6s ist die Darstellung
> OK (da kamen meine Screenshots her). Beides Mal iOS 9.2.1.

Danke, das hilft schonmal weiter. Nach derzeitigem Stand sieht es also so aus:
der Fehler tritt unabhängig von der iOS-Version zumindest auf den
iPhone-Modellen 4, 4s und 5s auf, während 6s nicht betroffen sind.
Interessanterweise tritt der Fehler aber auf den betroffenen iPhones in
unterschiedlichen Browsern auf (auf meinem iPhone 4 sowohl in Safari als auch
in Opera mobile). iPads scheinen dagegen alles richtig zu machen.

Gruß

Michael

[toc] | [prev] | [next] | [standalone]

#246749

Michael Landenberger meinte:

>> Hier sieht das so aus:
>>
>> <http://d--p.de/tmp/2016-03-13_1.png>
> 
> Das sieht ok aus. Bei mir (iOS 7 und iOS 9) sieht es auf dem iPhone
> dagegen so aus:
> <http://www.alice-dsl.net/landenberger/screenshot.png> (reingezoomt,
> damit besser erkennbar).

iPad älterer Bauart, Anzeige vergrößert:

http://ehlerding.privat.t-online.de/ipad.png

Sieht,. soweit ich sehen kann, OK aus
-- 
 pgp-Key (RSA) 1024/09B8C0BD 
 fingerprint = 2C 49 FF B2 C4 66 2D 93  6F A1 FF 10 16 59 96 F3 
 HTML-Mail wird ungeleſen entſorgt.

[toc] | [prev] | [next] | [standalone]

#246750

On 03/13/2016 06:32 PM, Diedrich Ehlerding wrote:
> Michael Landenberger meinte:
>
>>> Hier sieht das so aus:
>>>
>>> <http://d--p.de/tmp/2016-03-13_1.png>
>>
>> Das sieht ok aus. Bei mir (iOS 7 und iOS 9) sieht es auf dem iPhone
>> dagegen so aus:
>> <http://www.alice-dsl.net/landenberger/screenshot.png> (reingezoomt,
>> damit besser erkennbar).
>
> iPad älterer Bauart, Anzeige vergrößert:
>
> http://ehlerding.privat.t-online.de/ipad.png
>
> Sieht,. soweit ich sehen kann, OK aus
>

Woher kommt der graue Punkt unterhalb des 'st' von 'Polstern'? Ist nicht 
mein Display, schiebe ich ein anderes Fenster drüber ist er weg.

  Gerrit

[toc] | [prev] | [next] | [standalone]

#246754

Gerrit Heitsch meinte:

>> http://ehlerding.privat.t-online.de/ipad.png
>>
>> Sieht,. soweit ich sehen kann, OK aus
>>
> 
> Woher kommt der graue Punkt unterhalb des 'st' von 'Polstern'? Ist nicht
> mein Display, schiebe ich ein anderes Fenster drüber ist er weg.

Muss ein Artefakt auf meiner Seite sein. Der Original-Screenshot enthield 
das nicht. Da mein ipad-besitzender Bekannter mir das per Mail geschickt 
hatte, hatte sich  bei mir der gimp das png bei Doppelklick gegriffen, ich 
habs dann wieder als png exportiert; anscheinend führen dabei ginps 
Standartdeinstellungen zu solchen Artefakten. Ich hab e jetzt nochmal den 
original_Screenshot hochgeladen, wie ich ihn aus der Mail gespreichert 
habe, da ist kein grauer Punkt:

http://ehlerding.privat.t-online.de/ipad2.png
> 
-- 
 pgp-Key (RSA) 1024/09B8C0BD 
 fingerprint = 2C 49 FF B2 C4 66 2D 93  6F A1 FF 10 16 59 96 F3 
 HTML-Mail wird ungeleſen entſorgt.

[toc] | [prev] | [next] | [standalone]

#246760

Michael Landenberger wrote:

> Was genau läuft da schief?

1.
> CMS

2.
> generierten

3.
> "großen"

SCNR

-- 

"I'm a doctor, not a mechanic." Dr Leonard McCoy <mccoy@ncc1701.starfleet.fed>
"I'm a mechanic, not a doctor." Volker Borchert  <v_borchert@despammed.com>

[toc] | [prev] | [next] | [standalone]

#246829

Hej,

Am 13.03.2016 um 16:57 schrieb Michael Landenberger:

> ist das auch so. Unter iOS (getestet mit 7 und 9) sind jedoch die Ziffern in
> der linken Spalte deutlich kleiner als der Text in der rechten Spalte. Das
> betrifft sowohl Safari als auch Opera für iOS.
> 
> Was genau läuft da schief?

Das erinnert mich daran, das ich vor einiger Zeit mal Heise
angeschrieben habe, weil plötzlich anch einer Änderung
http://www.heise.de/newsticker/classic/ im Firefox Portable größere
Schriften hat als Telepolis.

Und da dies heute noch so ist, scheinen die das auch nicht zu wissen.




mfg
Hartmut Ott
*Wir alle tragen den Heiligenschein des gewöhnlichen Wahnsinns*
-- 
Trage es lachend

[toc] | [prev] | [standalone]

Back to top | Article view | ger.ct

csiph-web