• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Hilfe wegen Auflösung!

Burak96

Neues Mitglied
Zurzeit arbeite ich an eienr seite mitdem Thema Datenschutz. Soll gar nicht so toll sein,sie dient nur dazu mich in CSS zu verbessern ... . Ich habe die Größen extra mit % bestimmt damit die seite bei jeder auflösung gleich angezeigt werden soll. Oder ist das nicht so ? Ich benutze die Auflösung 1920*1080 und bei mir sieht die seite so aus : Imageshack - screentz.png . Die Datei : lachmaster.cwsurf.de . Da die seite bei einiger meiner Freunde anders angezeigt worden ist,hab ich die seite nochmal für die Auflösung 1024*768 bestimmt. Seht hier : lachmaster.cwsurf.de/text.html. Ich hätte aber gerne,dass die seite lachmaster.cwsurf.de bei jeden gleich angezeigt werden soll. Schonmal DANKE :)
 
Auflösung ist nicht gleich Auflösung. Unter Auflösung versteht man dpi, das heisst dots per inch. Zu deutsch Bildpunkte pro 2,54 cm(1 Zoll).
Auf Monitoren spricht man von ppi zu deutsch Pixel pro Inch, was aber im Grunde dem dpi gleichkommt.
Die ppi werden vom Betriebssystem mit dem Monitor zusammen abgestimmt. Es gibt glaube ich derzeit 72 dpi, sowie bis zu 118 ppi, je nach Gerät.

Aus Wikipedia:
In der Praxis unterscheiden sich die Geräte in beiden Klassifizierungen. Insbesondere der oft genannte Wert von „72 ppi“ (für „RGB-Pixel“) ist nicht für alle Geräte zutreffend.

Beispiele:

  • ein 20″ (50,8 cm) Bildschirm mit 1680 × 1050 Bildpunkten hat 99,06 ppi,
  • ein 10,1″ (22,65 cm) Netbook-Bildschirm mit 1024 × 600 Bildpunkten hat 118 ppi.
Allein aus dieser Tatsache heraus kann eine Seite niemals überall gleich aussehen. Es gibt aber noch mehr Einflüsse. Wenn jemand auf seinem Browser(UA für Useragent)seine Schrift auf einen Wert festgelegt hat, dan kann man sich drehen und wenden wie man will. Die Schriftgrösse wird niemals überschrieben.

Diese beiden Faktoren sorgen also schon mal dafür dass, egal was wir machen, das Erscheinungsbild variert. Wenn jetzt noch verschiedene Viewports, das ist der sichtbare Bereich des Browsers, hinzukommt wird es ganz verrückt, denn flexible Seiten verschieben sich total bei kleinen Viewports und sehen schlecht lesbar aus bei sehr breiten Viewports. Daher ist es sinnvoll mit den beiden Attributen min-width und max-with ein wenig rumzuspielen um eine passende und lesbare Seite zu erstellen.
Für Mobilgeräte wie Smartphones sollte man sogar ein extra Stylesheet anlegen sofern man auf deren Nutzer Wert legt, das gleiche gilt für den Druck. Es wird nämlich nicht so gedruckt wie man sich das evtl. vorstellt. Da sollte man aber mal selber Webseiten probedrucken um zu verstehen was da eigentlich passiert.

Es ist also gar nicht möglich Webseiten so zu erstellen, dass sie überall gleich aussehen.
Wenn man das einmal verstanden hat wird man sich das Leben nicht mehr so schwer machen und so verrückte Ideen haben, wie gleiches Aussehen unter allen Bedingungen.
 
Zurück
Oben