Überhaupt werden Webfeautures wie die Sidebar rechts oder auch evtl. vorhandene linke Navigationsleiste ad absurdum geführt, wenn dann eine Barriere die Breite künstlich und mutwillig begrenzt. Auch über typische Layout-Ideen wie die gängigen <more> Buttons kann man nur lästern, wenn dann nur in die Höhe layoutet wird (siehe rechts), anstatt vorhandene Breite zu nutzen.
Das ist so, als wäre in einem super layouteten Buch nur jede zweite Seite bedruckt... :|Eh ne. Das wäre so, wie wenn man ein A4-Blatt im Querformat mit Text bedruckt. Es hat schon seinen Grund, warum Texte schmal sein sollen. Tageszeitungen haben ja auch immer mehrere kurze (übrigens meist in einer ungeraden Anzahl) Spalten.
Es wäre natürlich sinnvoll, bei breiterem Bildschirm eine zusätzliche Spalte darzustellen. Aber dynamisches multi-column wird wohl erst mit CSS3 eingeführt und dann stellt sich die Frage, ob es auch möglichst zeitnah von den größeren Browsern eingeführt wird.
Aber die Textzeile einfach so lange machen, wie das maximierte Fenster breit ist, ist... eh... unschön. Je länger die Zeile, desto größer die Chance, daß sich das Auge beim Zeilenrücksprung verliert. Es ist verdammt nervig, wenn man immer wieder eine Zeile doppelt liest, weil man sich in der Zeile verloren hat.
Die richtige Spaltenbreite ist nicht nur eine Frage der Ästhetik, sondern sie ist von entscheidender Bedeutung für den Leserhythmus. Dieser wiederum ist ausschlaggebend dafür,ob längereTexte mehr oder weniger gern gelesen werden. Wir lesen nämlich nicht Buchstabe für Buchstabe oderWort fürWort,sondern wir erfassen beim Lesen ganze Buchstabengruppen von etwa zehn Zeichen und mehr. Das bedeutet: Unsere Augen gleiten nicht etwa gleichmäßig über die Zeilen, sondern halten in Abständen an Fixationspunkten kurz inne, um dann die nächste Gruppe zu erfassen. Geraten wir an ein für uns ungewohntes Wort, dann lesen wir dieses noch einmal. Wir lesen also ruckweise, ohne dass es uns bewusst ist. Das kann man prüfen, indem man die Augenbewegungen eines Lesers beobachtet.
Wenn längereTexte möglichst ermüdungsfrei gelesen werden sollen, muss dieses rhythmische Lesen durch die Typografie unterstützt werden. Die Zeilen müssen lang genug sein, damit der Leserhythmus nicht dauernd unterbrochen wird. Erfahrungen aus fünf Jahrhunderten haben uns gelehrt, dass 60 bis 70 Zeichen je Zeile einschließlich der Satzzeichen und Zwischenräume die besten Voraussetzungen für ein ermüdungsfreies Lesen bieten. Bücher mit durchschnittlich 60 bis 70 Zeichen je Zeile zeigen ein ruhiges Satzbild mit weitgehend gleichen Wortabständen. Das aber ermöglicht dem Leser, unbewusst einen ihm gemäßen Leserhythmus zu entwickeln. Enthalten die Zeilen sehr viel mehr Zeichen, noch dazu im Verein mit einem engen Zeilenabstand, hat der Leser Schwierigkeiten, beim Rückschwung vom Ende der einen Zeile zum Anfang der nächsten jedes Mal die richtige Zeile zu treffen. Wer hat nicht schon eine Zeile zweimal lesen müssen, was im Wiederholungsfall recht ärgerlich ist.
Max Bollwage
Typografie kompakt
Der richtige Umgang mit Schrift am Computer
Zweite, überarbeitete Auflage
Springer Verlag
Seite 44
Die ideale Breite einer Textspalte hängt unter Anderem auch mit dem Anspruch des Textes zusammen - je nach Themengebiet springt das Auge unterschiedlich weit und unterschiedlich oft auch wieder zurück, um ein Wort oder einen Satzteil nochmal zu lesen. Das muß man beim Design einer Seite berücksichtigen.
Das ist schon gut so. Was man dem IE vorwerfen kann ist, daß er Text nicht vergrößern kann, wenn per CSS die Textgröße als XY px definiert wurden. Andererseits ist das eine absolute Angabe und man kann es genausogut auch dem Webdesigner vorwerfen, wenn er eine pixelgenaue Darstellung verlangt.
Wenn man möchte, daß sich die Breite einer Spalte am Text orientiert, dann bietet es sich übrigens an, mit relativen Größenangaben, wie zum Beispiel em zu arbeiten:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>title</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<!-- content should not be text/html -->
<!-- fix the FOUC -->
<script type="text/javascript"> </script>
<style type="text/css" media="screen">
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
text-align: justify;
}
p, blockquote {
width: 40em;
border-right: 0.5ex solid red;
padding-right: 0.5ex;
}
blockquote {
margin-left: 0px;
padding-left: 2em;
width: 38em;
}
</style>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
</head>
<body>
<h1>Test</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In id elit ut erat
sodales semper. Nam orci. Sed vitae nulla vitae enim mattis vestibulum. Sed
porttitor mi vitae eros. Curabitur egestas. Proin placerat libero non nunc.
Quisque at nisi. Donec sollicitudin. Quisque tortor. Nunc accumsan. Donec
lorem purus, dapibus sed, dictum sed, elementum vel, augue. Duis quis tortor
non lorem blandit varius.</p>
<p>Quisque in mi. Cras id sem. Donec magna ligula, euismod ac, tincidunt vel,
iaculis vitae, purus. Cras sit amet odio. Nulla facilisi. Praesent tincidunt
fringilla elit. Curabitur ligula. Etiam mollis velit. Phasellus tempor ligula
eu sapien. Nunc vulputate lorem et metus. Phasellus nisl. Quisque facilisis
diam ut neque. Suspendisse egestas elit quis quam. Pellentesque non purus at
lacus vestibulum ornare. Praesent gravida fringilla dui. Morbi ac nunc. Vivamus
laoreet velit nec est. Nunc adipiscing augue at odio. Nulla convallis.</p>
<blockquote>Aenean non diam nec sem scelerisque accumsan. In orci. Suspendisse
sodales nulla quis tellus. In vestibulum. Morbi tincidunt eleifend dolor. Sed
nisi dolor, pretium vel, malesuada eu, pellentesque rutrum, felis. Cras tortor
neque, malesuada in, consequat ut, feugiat non, arcu. Mauris consectetuer porta
est. Praesent velit ligula, tempus in, eleifend sit amet, facilisis vel, pede.
Donec et orci quis sapien congue convallis. Mauris feugiat felis id diam.
Pellentesque gravida eros id arcu. Donec dignissim, leo nec sagittis bibendum,
nisl tellus pellentesque dolor, eu sagittis tellus leo vel lectus. Donec sed
augue. Nullam ac ante. Mauris rutrum semper sapien. Maecenas eget libero sed
purus accumsan iaculis. Aenean quis enim.</blockquote>
<p>Vestibulum id felis. Sed auctor augue in purus. Suspendisse potenti. Mauris
rhoncus nisi eget quam. Donec porttitor nisi sed neque mollis semper. Nunc
pretium porta massa. Curabitur elit. Ut tempor est nec turpis. Nulla nisi.
Vestibulum vitae augue.</p>
<p>Vivamus viverra aliquet orci. Donec pulvinar sagittis justo. Vestibulum
iaculis viverra libero. Donec vitae velit. Sed cursus nulla vel magna. Curabitur
ante nibh, ultricies ac, ornare at, blandit non, erat. Ut nunc nisl,
consectetuer eu, ultrices at, imperdiet eu, sapien. Praesent tincidunt
hendrerit neque. Aenean in metus. Donec sed arcu. Aenean tristique. Fusce
rhoncus lobortis enim. Nam ligula quam, rutrum eget, ultrices at, porttitor
bibendum, neque. In viverra, tortor adipiscing auctor pellentesque, leo massa
pellentesque mauris, vel faucibus massa mi vitae arcu. Sed porta mi. Sed vitae
enim. Vestibulum massa. Integer sed pede sit amet elit luctus lacinia.
Etiam eget augue at nunc tincidunt blandit. Nam a velit.</p>
</body>
</html>
Dann klappt's auch mit dem Nachbarn ctrl+Mausrad. ;)
[...] sieht dann vielleicht auch nicht immer gelungen aus, aber man bricht sich nicht andauernd den Hals, wenn eine Seite vom Webdesigner an den linken Rand geklatscht wurde... (http://666kb.com/i/animo7obmfixi0bht.png)
Man kann natürlich auch einfach das Browserfenster verschieben. Ich frag mich eh, warum alle darauf bestehen, daß die Fenster alle maximiert sein sollen... Aber darüber kann man gewiß auch trefflich Glaubenskriege führen... ;(