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
  #1 (permalink)  
Alt 03.11.2012, 20:53
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.07.2011
Beiträge: 80
axelf befindet sich auf einem aufstrebenden Ast
Standard Responsive Webdesign - Pixel oder Prozent?

Hallo,

ich beschäftige mich seit einiger Zeit mit responsive Webdesign. Es heißt ja immer, das man die Breiten von Containern dann in Prozent angibt. Eben habe ich das Skeleton-Framework in einem Tutorial gesehen, und dort wird weiterhin mit Pixeln gearbeitet und je nach verwendeter Bildschirmbreite dann eine andere Pixelangabe gemacht. Sind das beides Ansätze für RWD bzw. was ist denn der bessere Weg?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 03.11.2012, 21:16
Benutzerbild von Scheppertreiber
Chaot und Nonkonformist.
XHTMLforum-Kenner
 
Registriert seit: 13.03.2007
Ort: Steinmark im Spessart
Beiträge: 7.458
Scheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein Lichtblick
Standard

Zitat:
Zitat von axelf Beitrag anzeigen
Hallo,

ich beschäftige mich seit einiger Zeit mit responsive Webdesign. Es heißt ja immer, das man die Breiten von Containern dann in Prozent angibt. Eben habe ich das Skeleton-Framework in einem Tutorial gesehen, und dort wird weiterhin mit Pixeln gearbeitet und je nach verwendeter Bildschirmbreite dann eine andere Pixelangabe gemacht. Sind das beides Ansätze für RWD bzw. was ist denn der bessere Weg?
Da steht aber hier etwas anderes zu dem Thema ...
__________________
Grüße aus dem Spessart, Joe

{ table-layout: biertischistbesser; }
Der Mausinator
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 03.11.2012, 21:34
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.07.2011
Beiträge: 80
axelf befindet sich auf einem aufstrebenden Ast
Standard

Was steht denn dort anderes in Bezug auf meine Frage? Ich habe Webseiten gesehen, dort wird die Breite in Prozent angegeben und bei anderen wiederrum in Pixel.
Mit Zitat antworten
  #4 (permalink)  
Alt 03.11.2012, 21:37
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.123
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Hallo,

der bessere Weg sind flexible Angaben (also %), damit die Seite immer das gesamte Browserfenster ausfüllt.

Gruss

MrMurphy
Mit Zitat antworten
  #5 (permalink)  
Alt 03.11.2012, 21:37
Benutzerbild von Scheppertreiber
Chaot und Nonkonformist.
XHTMLforum-Kenner
 
Registriert seit: 13.03.2007
Ort: Steinmark im Spessart
Beiträge: 7.458
Scheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein Lichtblick
Standard

Nein. Da steht, daß man das anzeigende Gerät berücksichtigen sollte.
Die Einheit ist da wurscht, das rechnen die Browser eh um.
__________________
Grüße aus dem Spessart, Joe

{ table-layout: biertischistbesser; }
Der Mausinator
Mit Zitat antworten
  #6 (permalink)  
Alt 03.11.2012, 21:40
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Wenn man nach Ethan Marcotte geht, dann definiert sich Responsive Design durch fluides Grid, flexible Bilder und Media Queries.
Oft wird der Begriff viel weiter gefasst, genau genommen müsste man es dann wohl Adaptive Design nennen, siehe z.B. Adaptive vs. Responsive, what’s the difference?

Wie auch immer man es nennen mag: Ich halte den Ansatz, den Inhalt über Einheiten entscheiden zu lassen auch bei einem wie auch immer gearteten adaptiven Layout für das sinnvollste. Es kann demnach Pixel, Prozente oder Ems geben -- und das auch noch gemischt. Zusammenpassen muss es und für den Besucher das bestmögliche Layout bieten, egal mit welchem Gerät er gerade unterwegs ist.

Noch ein paar Links:
Higher Ed Responsive Web Design Trail Blazers say 'Content-First' | Meet Content
» The EMs have it: Proportional Media Queries FTW! Cloud Four Blog
Stop designing for fixed viewports! | Opinion | .net magazine
Mit Zitat antworten
  #7 (permalink)  
Alt 08.11.2012, 13:54
Neuer Benutzer
neuer user
 
Registriert seit: 06.11.2012
Beiträge: 8
designformatierung befindet sich auf einem aufstrebenden Ast
Standard Weblayout flexibel

Ein Weblayout sollte sich an die Fenstergröße flexibel anpassen. Mit Prozentangaben ist es generell gewährleistet. Ein zweispaltiges Layout hat einen Hauptcontainer, darin befindet sich ein Hilfscontainer für die linke Spalte und ein Hilfscontainer für die rechte Spalte. Der eine Hilfscontainer erhält eine Breite von 30% und der andere Hilfscontainer eine Breite von 70%. In beide Hilfscontainer wird jeweils ein Inhaltscontainer platziert. In den Inhaltscontainern befinden sich die Inhalte (Texte, Bilder) und können beliebig formatiert werden. Das Layout (30% Breite und 70% Breite) bleibt erhalten. Natürlich passt ein breites Bild nicht in eine schmale Spalte. Wenn das Layout geändert werden soll, beispielsweise 40% Breite und 60% Breite, muss man nur die Breite der Hilfscontainer ändern und die Formatierungen der Inhalte bleiben erhalten. Oder wenn der Hauptcainer (außen herum) z.B. 90% Breite haben soll, muss man nur die Breite des Hautcontainers ändern und alles andere (die Breite der Hilfscontainer und die Formatierung der Inhalte) bleiben erhalten.
Mit Zitat antworten
  #8 (permalink)  
Alt 09.11.2012, 14:56
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
Ein Weblayout sollte sich an die Fenstergröße flexibel anpassen. Mit Prozentangaben ist es generell gewährleistet.
Hallo,
Das würde ich so generell nicht sagen.
Angenommen, ein Layout hätte 90% Breite, dann sieht es bei einem Browserfenster von ca 1200px vielleicht gut aus, bei sehr kleinem Fenster bestünden die Textzeilen in den Spalten vielleicht nur noch aus 3 Wörtern, und bei sehr breitem Fenster wären die Textzeilen so lang, dass man sie nur schwer lesen könnte.
Ich bevorzuge eine feste Breite in em, und eine Maximalbreite von ca 95%.

LG
Netinja
Mit Zitat antworten
  #9 (permalink)  
Alt 09.11.2012, 16:40
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.123
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Hallo

Zitat:
Ich bevorzuge eine feste Breite in em, und eine Maximalbreite von ca 95%.
Ich bevorzuge eine Darstellung, die sich flexibel den jeweiligen Ausgabegeräten anpasst und die der Besucher am bequemsten erfassen und bedienen kann.

Das sind weder Seiten mit starrem Layout noch Seiten, die bei kleinerem Viewpoint einfach prozentual kleiner dargestellt werden.

Gruss

MrMurphy
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 09.11.2012, 18:36
Benutzer
neuer user
 
Registriert seit: 15.10.2005
Beiträge: 73
netinja befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von MrMurphy Beitrag anzeigen
Ich bevorzuge eine Darstellung, die sich flexibel den jeweiligen Ausgabegeräten anpasst und die der Besucher am bequemsten erfassen und bedienen kann.
Und was heisst das bei dir konkret für die Breitenangaben des wrapper?

Zitat:
Zitat von MrMurphy Beitrag anzeigen
Das sind weder Seiten mit starrem Layout noch Seiten, die bei kleinerem Viewpoint einfach prozentual kleiner dargestellt werden.
Da gebe ich dir recht.
Aber jetzt erkläre doch mal bitte, wieso meine Herangehensweise
Zitat:
feste Breite in em, und eine Maximalbreite von ca 95%
diese Bedingungen nicht erfüllen sollte.
Mit Zitat antworten
Sponsored Links
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 12:32 Uhr.