Maximale Breite für Homepage
Marcel Miller
- browser
Hallo.
welche maximale Breite des Inhalts für eine homepage ist zu empfehlen?
800 pixel? weniger?
mfg Marcel
hallo Marcel,
welche maximale Breite des Inhalts für eine homepage ist zu empfehlen? 800 pixel? weniger?
Gar keine Pixel. Sondern 100 Prozent.
Christoph S.
Hi Christoph,
welche maximale Breite des Inhalts für eine homepage ist zu empfehlen? 800 pixel? weniger?
Gar keine Pixel. Sondern 100 Prozent.
ACK. Allerdings finde auch ich wie Struppi durchaus angenehm, wenn <body> ein padding von ca. 3-4% aufweist. Kommt natürlich immer darauf an, wie das Markup sonst gestylt ist, aber am Rand klebende Texte finde ich durchaus auch unschön. Ich würde aber auch immer max-width bei Nur-Text-Bereichen auf ca. 700px-900px stellen, weil darüberhinaus es für viele Leute schwierig ist, die richtige Zeile wiederzufinden, wenn man "bis zum Rand" gelesen hat und Links wieder anfängt. Kann ich nicht nachvollziehen, aber ich habe auch noch recht gute Augen und dazu bin ich an große Auflösungen gewöhnt. U.A. deshalb warte ich sehnlichst darauf, dass CSS3 endlich von Opera/Gecko umgesetzt wird, damit endlich Spaltenlayouts möglich sind, momentan ist das ja durchaus schwierig.
Fabian
Hi Christoph,
welche maximale Breite des Inhalts für eine homepage ist zu empfehlen? 800 pixel? weniger?
Gar keine Pixel. Sondern 100 Prozent.
ACK. Allerdings finde auch ich wie Struppi durchaus angenehm, wenn <body> ein padding von ca. 3-4% aufweist. Kommt natürlich immer darauf an, wie das Markup sonst gestylt ist, aber am Rand klebende Texte finde ich durchaus auch unschön. Ich würde aber auch immer max-width bei Nur-Text-Bereichen auf ca. 700px-900px stellen, weil darüberhinaus es für viele Leute schwierig ist, die richtige Zeile wiederzufinden, wenn man "bis zum Rand" gelesen hat und Links wieder anfängt. Kann ich nicht nachvollziehen, aber ich habe auch noch recht
Das wird ja immer wieder empfohlen, aber wie sieht das aus wenn die Schrift z.b. 28 pixel groß ist?
Sollte es nicht so sein, das die Breite sich an der Anzahl von Buchstaben orientieren soll?
wie sieht's aus mit einer Breite von ca. 50ex stattdessen?
Struppi.
Hi Struppi,
Gar keine Pixel. Sondern 100 Prozent.
ACK. Allerdings finde auch ich wie Struppi durchaus angenehm, wenn <body> ein padding von ca. 3-4% aufweist. Kommt natürlich immer darauf an, wie das Markup sonst gestylt ist, aber am Rand klebende Texte finde ich durchaus auch unschön. Ich würde aber auch immer max-width bei Nur-Text-Bereichen auf ca. 700px-900px stellen, weil darüberhinaus es für viele Leute schwierig ist, die richtige Zeile wiederzufinden, wenn man "bis zum Rand" gelesen hat und Links wieder anfängt. Kann ich nicht nachvollziehen, aber ich habe auch noch recht
Das wird ja immer wieder empfohlen, aber wie sieht das aus wenn die Schrift z.b. 28 pixel groß ist?
*puh* Wer macht denn sowas? Klar, du hast Recht, aber prinzipiell impliziere ich, dass der Benutzer _nicht_ weiß, was ein Userstylesheet ist. Wenn er es weiß, dann kann es mir nur recht sein.
Sollte es nicht so sein, das die Breite sich an der Anzahl von Buchstaben orientieren soll?
wie sieht's aus mit einer Breite von ca. 50ex stattdessen?
Ja, warum nicht. Allerdings ist auch hier das Problem, dass damit u.U. horizontal gescrollt werden muss, oder aber alles am linken Rand steht. Man kann es eben nicht allen recht machen. Deswegen sollte man es IMHO denen recht machen, die es nicht selber können.
Fabian
Hallo Fabian,
Sollte es nicht so sein, das die Breite sich an der Anzahl von Buchstaben orientieren soll?
wie sieht's aus mit einer Breite von ca. 50ex stattdessen?
Ja, warum nicht. Allerdings ist auch hier das Problem, dass damit u.U. horizontal gescrollt werden muss, oder aber alles am linken Rand steht. Man kann es eben nicht allen recht machen. Deswegen sollte man es IMHO denen recht machen, die es nicht selber können.
mit dem "Deswegen sollte man es IMHO denen recht machen" kommt man aber doch
im ungünstigsten Fall womöglich in Bereiche, die der User durch eine andere
Bildschirmauflösung vielleicht schon, womöglich besser als auf andere
Weise, geregelt hat.
Abgesehen von flexiblen Lösungen müsste ich womöglich z.B. die Schriftgrösse
einfach am Mainstream, also womöglich oft zu klein, orientieren weil der
Betrachter es bereits am Bilschirm ausgeglichen haben könnte, und sonst
noch mehr umschalten müsste.
Aber wie ist es da eigentlich mit ex, grundsätzlich funktionieren doch em, ex oder
% ähnlich, also nur unterschiedlicher Bezug, aber ggf. gleiche Abhängigkeiten
oder gar Probleme mit der Vererbung vom Elternelement?
Grüsse
Cyx23
Hallo Cyx23,
Aber wie ist es da eigentlich mit ex, grundsätzlich funktionieren doch em, ex oder
% ähnlich, also nur unterschiedlicher Bezug, aber ggf. gleiche Abhängigkeiten
oder gar Probleme mit der Vererbung vom Elternelement?
Nunja, wenn Du
li { font-size: 1.2em; }
hast, dann passiert bei folgender Konstruktion etwas sehr unschönes:
<ul>
<li>
<ul>
<li>
<ul>
<li>Text1</li>
</ul>
</li>
</ul>
</li>
</ul>
<p>
Text2
</p>
Text1 wird 1.728 (= 1.2^3) mal so groß wie Text2 dargestellt.
Desweiteren gibt es da auch noch mehr Probleme: </archiv/2003/2/37162/>
Viele Grüße,
Christian
Tach auch,
Gar keine Pixel. Sondern 100 Prozent.
Du findest also extrem lange Zeilen angenehm und gut lesbar? Ich nicht.
Gruss,
Armin
hi Armin,
Du findest also extrem lange Zeilen angenehm und gut lesbar? Ich nicht.
Nee, das wäre nen Mißverstaändnis. Es wurde aber nach der maximalbreite gefragt. "maximal" ist nicht dasselbe wie "optimal".
Wichtiger ist mir der Hinweis, daß man nicht ohne zwingende Gründe "Pixelbreiten" vergeben, sondern so lange wie möglich prozentuale Angaben machen sollte.
Grüße aus Berlin
Christoph S.
Hallo!
Du findest also extrem lange Zeilen angenehm und gut lesbar? Ich nicht.
Mit ein paar Zeilen javascript und css ist das Problem erledigt.
Kleines Beispiel:
http://home.claranet.de/elektro/
Tschüs, jürgen
Hi,
Mit ein paar Zeilen javascript und css ist das Problem erledigt.
Kleines Beispiel:
http://home.claranet.de/elektro/
Ja und, was hat das mit dem Thema zu tun?
Das Script dort liest eine absolut irrelevante Größe (die Bildschirmbreite) aus.
Diese hat nichts mit der zur Verfügung stehenden Breite zu tun.
cu,
Andreas
Hallo!
Ja und, was hat das mit dem Thema zu tun?
Das Script dort liest eine absolut irrelevante Größe (die Bildschirmbreite) aus.
Das mit dem Thema "Lesbarkeit auch bei hoher Bildschirmauflösung" zu tun.
Diese hat nichts mit der zur Verfügung stehenden Breite zu tun.
Soll es auch nicht. Wenn das Fenster zu klein ist, wird eben nach unten gescrollt. Aber es wird vermieden, dap bei hoher Auflösung mickrige Schriftgrößen verwendet werden.
Die ursprüngliche Frage (welche maximale Breite des Inhalts für eine homepage ist zu empfehlen? 800 pixel? weniger?) ist jedenfalls ziemlich irrelevant. Das Beispiel kannst Du auch mit 350px Fensterbreite gut ansehen.
Tschüs, jürgen
Hallo.
welche maximale Breite des Inhalts für eine homepage ist zu empfehlen?
800 pixel? weniger?
So breit, wie sich der Betrachter das Fenster eingestellt hat minus einen kleinen Rand für's optische (1-5%).
Struppi.
Hi,
welche maximale Breite des Inhalts für eine homepage ist zu empfehlen?
800 pixel? weniger?
Ich verwende für die Texte eine max-width von 120ex und eine width von 99% (div) von 98% (body) ;-)
cu,
Andreas
Hi,
Ich verwende für die Texte eine max-width von 120ex und eine width von 99% (div) von 98% (body) ;-)
Auf vielen deiner Seiten stecken diese Texte dann aber in Tabellen mit fester Breite, so dass man auch bei größeren Fenstern noch horizontal scrollen muss, z.B. hier: http://www.andreas-waechter.de/GB/ENG/Tour2001/Tag01.html.
Das hast du doch sicher nicht so beabsichtigt?
Grüße, Stefan
Hi,
Ich verwende für die Texte eine max-width von 120ex und eine width von 99% (div) von 98% (body) ;-)
Auf vielen deiner Seiten stecken diese Texte dann aber in Tabellen mit fester Breite, so dass man auch bei größeren Fenstern noch horizontal scrollen muss, z.B. hier: http://www.andreas-waechter.de/GB/ENG/Tour2001/Tag01.html.
Das hast du doch sicher nicht so beabsichtigt?
Danke für den Hinweis.
Nein, das war nicht beabsichtigt.
Da hat sich was verflüchtigt, statt
width:100%; max-width:144ex;
ist in der hochgeladenen Version aus irgendeinem Grund
width:144ex;
geworden.
Dank Versionskontrolle konnte ich das aber wieder herstellen (die letzte Version war noch korrekt),
das korrigierte CSS ist bereits online.
Die 144ex kommen daher, daß der betroffene Bereich 24ex Rand hat - es bleiben also die erwähnten 120ex für den Text übrig.
Nochmals Danke für den Hinweis!
cu,
Andreas