Windows DPI-Skalierung & Webdesign

**TheDrummer** · 10.12.2009, 14:33

Hi, Leute!

Ich bin aufmerksam gemacht worden, dass einige Teile meiner Website nicht lesbar sind.
Allerdings nur bei einer Person, die die DPI-Skalierung wegen besserer Lesbarkeit der Schriften von 96dpi auf 120dpi umgestellt hatte:

Seltsamerweise stimmt dann aber mit dem Zeilenumbruch was nicht, denn der Text, der "zu viel war" wurde einfach abgeschnitten…

Win Vista - DPI-Skalierung auf 120dpi:

Win Vista - DPI-Skalierung auf 96dpi (normal):

Wie erstellt IHR Designs wenn es solche Möglichkeiten seitens des Betriebssystem gibt, die alles overrulen?

Danke!

Robert

**Nils Riel** · 10.12.2009, 14:36

Man kann nicht auf alles achten, sonst würde man ja nie fertig werden. Soll heißen, jeder hat wohl so seine Checklist, worauf man achtet, aber gegen alles ist man nie gewappnet

In so einem Fall würde ich mir die CSS Datei ansehen und versuchen darüber das Problem lösen. (wahrscheinlich liegt es an einem overflow:hidden o.ä.).

**TheDrummer** · 10.12.2009, 14:49

Das Problem seh ich darin, dass mit dem Skalieren die Tabelle in der das Formular liegt auch vergrößert wird - dadurch zu groß für den DIV wird (fixe Größe wegen Design) und das abgeschnitten wird…

Ob overflow oder nicht - entweder das Design wird zerstört oder ein Teil ist nicht lesbar.

Kann man sich GAR nicht wappnen gegen so einen Fall?

***Nina*** · 10.12.2009, 14:58

In diesem Fall kannst du einfach von einem Tabellen-Formular auf ein tabellenloses Formular wechseln. Damit taucht das Problem nicht auf, da dann keine Tabelle mehr da ist die sich den Platz erzwingt.

Du musst dann aber natürlich das CSS für das Formular anpassen, damit es auch im tabellenlosen Style funktioniert.

**TheDrummer** · 10.12.2009, 16:57

Zitat von Nina

In diesem Fall kannst du einfach von einem Tabellen-Formular auf ein tabellenloses Formular wechseln. Damit taucht das Problem nicht auf, da dann keine Tabelle mehr da ist die sich den Platz erzwingt.

Du musst dann aber natürlich das CSS für das Formular anpassen, damit es auch im tabellenlosen Style funktioniert.

hört sich logisch an - mal schaun wie das Formular ohne Tabelle in HTML aussieht und dann per CSS fixen probieren - bin gespannt…

Danke, Nina!

**do_while** · 10.12.2009, 20:43

Hallo,

die User, die auf die besagten 120 DPI umstellen, haben aber eigentlich an sehr vielen Stellen ihre Probleme damit, angefangen beim Windows Update, wo der "Ich stimme zu"-Button unterhalb des Formularfensters ist und kein Scrollbar angeht (weil: es passt doch immer!).

Ein großer Teil der Windows-Programme funktioniert auch nicht richtig, weil nicht immer alle Objekte vergrößert werden.

Es ist aber sehr schwer, diesen Leuten die 120 DPI auszureden.

**MacKP** · 10.12.2009, 21:05

Zitat von do_while

Es ist aber sehr schwer, diesen Leuten die 120 DPI auszureden.

Klar ist das schwierig.. weil die dann nix mehr erkennen können ;-)
Die DPI erhöhen ist an sich der einzig richtige Weg (nicht so wie die meisten Leute machen die px verringern und dann nen 21Zoll mit 800x600px betreiben wollen).
Ich hoffe immer noch für diese Menschen das Windows so etwas besser handhaben wird.
Und auf Internetseiten kann man da auch drauf achten. Im Grunde ist das nichts anderes als das Schrift vergrößern von 'früher' als die Browser noch nicht die ganze Seite gezoomt haben.
Im FF kann man das auch immer noch so einstellen und damit dann auch testen ;-)

Viele Grüße

**FloB** · 10.12.2009, 21:28

Kann mir mal jemand erklären, wie man mit einer DPI-Erhöhung Objekte größer darstellen können soll? Meines Wissens heißt DPI "dots per inch", Punkte pro Zoll also. Wenn ich jetzt mehr Punkte (und somit Pixel) in einem Zoll unterbringen kann, werden Objekte doch eher kleiner?
Die einzige Verbesserung, die ich sehen würde, ist, dass Objekte schärfer dargestellt werden können (unter der Voraussetzung, dass die Objekte relativ zur Gesamtbildschirmgröße gleich groß bleiben).

**MacKP** · 10.12.2009, 23:03

Hallo Flob,
vllt ist das auch eher so, das die Objekte dann mehr dpi groß sind und nicht das sich die dpi pro cm oder so vergrößern. Das wäre dann ja wieder wie die Pixel hoch setzen.
Ist zugegeben scheiße Beschrieben bei Windows... man findet das ja auch nicht mal eben...
Hier kannst mal sehen wie das gemacht wird -> http://www.softwareok.de/?seite=faq-...llgemein&faq=7

Viele Grüße