zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Responsive Webdesign - Pixel oder Prozent?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #11 (permalink)  
Alt 09.11.2012, 20:09
Neuer Benutzer
neuer user
 
Registriert seit: 06.11.2012
Beiträge: 8
designformatierung befindet sich auf einem aufstrebenden Ast
Standard Horizontaler Rollbalken

Wenn der wrapper eine feste Breite erhält, wird der horizontale Rollbalken zu häufig eingeblendet. Horizontal scrollen zu müssen gilt als unfein. Wenn das Fenster verkleinert wird oder neben dem Browserfenster ein anderes Fenster angeordnet wird, wäre ein horizontaler Rollbalken bereits vorhanden. Ideales Design soll sich am Browserfenster anpassen. Eine Ausnahme wäre ein Layout, bei dem beispielsweise ein breites Bannerbild eingebaut wird. Da lässt sich eine feste Breite kaum vermeiden.
Mit Zitat antworten
Sponsored Links
  #12 (permalink)  
Alt 09.11.2012, 21:26
Benutzer
neuer user
 
Registriert seit: 15.10.2005
Beiträge: 73
netinja befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von designformatierung Beitrag anzeigen
Wenn der wrapper eine feste Breite erhält, wird der horizontale Rollbalken zu häufig eingeblendet. Horizontal scrollen zu müssen gilt als unfein.
Murphy und Designformatierung,

lest ihr denn nicht, was ich geschrieben habe, ober habt ihr im Eifer des Gefechts mein max-width übersehen?
Bastelt euch doch mal ein Layout nach meinem Vorschlag mit

#wrapper { width: 55em; max-width: 95%; }

verkleinert dann langsam das Browserfenster,
und dann erzählt mir noch mal etwas von waagrechten Scrollbalken.


Zitat:
Zitat von designformatierung Beitrag anzeigen
Ideales Design soll sich am Browserfenster anpassen.
Ja, in gewissen Grenzen.
Ich zitiere mich jetzt mal selbst

Zitat:
Angenommen, ein Layout hätte 90% Breite, .... bei sehr breitem Fenster wären die Textzeilen so lang, dass man sie nur schwer lesen könnte.
wenn ihr euch nicht vorstellen könnt, wie das aussieht, dann zieht mal euer Fenster auf 1800px Breite und geht dann auf diese Seiten

SELFHTML: Stylesheets / CSS-Eigenschaften / Positionierung und Anzeige von Elementen

oder hier

SELFHTML Forum

Bei einem grossen Browserfenster sind diese 3km langen Zeilen ja nun wirklich sehr schlecht zu lesen und sind weit davon entfernt, dem Besucher Komfort zu bieten, weil man mit der Maus riesige Wege zurücklegen muss, wenn man zwischen linker Navigation und rechten Scrollbalken hin und herpendelt.

Geändert von netinja (09.11.2012 um 21:46 Uhr)
Mit Zitat antworten
Sponsored Links
  #13 (permalink)  
Alt 13.11.2012, 21:52
Neuer Benutzer
neuer user
 
Registriert seit: 06.11.2012
Beiträge: 8
designformatierung befindet sich auf einem aufstrebenden Ast
Standard Prozent und em bei Flächen und Schriften

Ein wrapper mit einer Breite von beispielsweise 55 em und einer Maximalbreite von 95% produziert zwar keinen horizontalen Rollbalken. Es hat jedoch den Nachteil, dass sich die Flächen, die sich links und rechts des wrappers befinden, in der Breite ändern, wenn mit Strg-Taste und Mausrädchen weg gezoomt wird. Das Layout ist ja nicht so gedacht, dass innerhalb der Fensterbreite eine schmale Fläche für die Informationen erscheint und sich links und rechts "kilometerweite" Leerfläche befindet. Um zu verhindern, dass die Fläche übermäßig schmal wird, könnte eine Minimalbreite definiert werden. Doch dann kann ich beim wrapper von Anfang an Prozent definieren.

Damit Textzeilen nicht zu lang werden, kann ein Layout in Spalten eingeteilt werden. Schriftgrößen lassen sich im Internet Explorer seit Menschengedenken ändern. Das Internet ist ja nicht als eine Drucksache entwickelt worden. Jeder kann sich die angenehmste Schriftgröße einstellen. Es funktioniert mit dem typografischen em, indem Schriftgrößen mit em definiert werden.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Responsive webdesign: horizontales Menü mit angepasster Schriftgröße Spencer Javascript & Ajax 3 19.09.2012 00:16
Responsive Webdesign - Smartphone Hintergrundgrafik soll nicht geladen werden simon1101 CSS 5 08.03.2012 22:35
Dynamische Navigationsleiste horizontal, vertikal Faven CSS 6 28.06.2010 16:06
DIV-Layout - Prozent und Pixel Flucker CSS 5 05.11.2009 14:48
pixel und prozent in kombination hlzmkmlln CSS 1 17.11.2004 01:03


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:01 Uhr.