XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Responsive Webdesign - Pixel oder Prozent? (http://xhtmlforum.de/showthread.php?t=68365)

axelf 03.11.2012 20:53

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?

Scheppertreiber 03.11.2012 21:16

Zitat:

Zitat von axelf (Beitrag 522244)
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 ...

axelf 03.11.2012 21:34

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.

MrMurphy 03.11.2012 21:37

Hallo,

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

Gruss

MrMurphy

Scheppertreiber 03.11.2012 21:37

Nein. Da steht, daß man das anzeigende Gerät berücksichtigen sollte.
Die Einheit ist da wurscht, das rechnen die Browser eh um.

fricca 03.11.2012 21:40

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

designformatierung 08.11.2012 13:54

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.

netinja 09.11.2012 14:56

Zitat:

Zitat von designformatierung (Beitrag 522369)
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

MrMurphy 09.11.2012 16:40

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

netinja 09.11.2012 18:36

Zitat:

Zitat von MrMurphy (Beitrag 522419)
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 522419)
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.


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

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2020, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2020