Bernhard Geyer hat folgendes geschrieben: |
Stell dir vor das Delphi-Forum wäre maximal 1028 breit und du müsstest deinen Text immer in ein 200*100-Pixel-Mini-Fenster eintippen. |
Ob man ein statisches oder dynamisches Layout nehmen sollte, hängt vom Content ab. Bei Foren hat sichs herausgestellt, dass es nicht stört, wenn die Breite dynamisch ist, da viel Text drin steht, er aber immer unterteilt wird, da eine Seite aus meheren Posts besteht. Nun stell dir aber mal den Rekord-Post von
BenBE vor. Würdest du ihn dir noch auf einem 30-Zoll Bildschirm durchlesen? Ich nicht, da mir die Zeilen zu lang wären. Denn wenn die Zeilen zu lang werden, wird es immer schwieriger in die nächste Zeile zu rutschen. Sprich man gibt beim lesen eher auf.
Sprich sobald längere Texte zu erwarten sind, ist ein statisches Layout besser, da die Zeilenlänge fest ist. Es geht hier also weniger um das Problem des Layouts, sondern oftmals um die Länge des Textes. Das sieht man auch daran, dass bei vielen Seiten der Artikel zum Blättern ist. Denn würdest du einen Artikel lesen, wenn du siehst, dass der Scrollbalken minimal ist? Ich würde da oft schon nach den ersten Zeilen aufhören, da ich mir dann sage, dass ich eine Stunde oder so brauche und es schwierig ist, den text geteilt zu lesen. Also einen Tag die erste Seite und den nächsten Tag die zweite Seite. Insgesamt ist das alles also eher ein physologischer Effekt.
Btw.: Würdest du es mögen, wenn zwischen den Inhalten ewige Zwischenräume sind?
Nun kommen wir zum zweiten Aspekt: Versuch mal ein vernünftiges Layout für eine dynamische Seite zu machen. Das fängt schon beim Header an, wenn man dort ein Hintergrundbild hat. Bei kleineren Bildschirmen zeigt er dann weniger an als bei großen - sprich die Wirkung ist überall anders. Von daher wirst du feststellen, dass die meisten Seite mit dynamischer Breite im Header vlt. 1-2 Bilder haben, die links und rechts anliegen, der Zwischenraum aber von einem einheitlichem Hintergrund belegt ist. Ein weiteres Layouttechnisches Problem hatte ich dir schon genannt: Was machst du bei dynamischen Websiten mit dem neuen Freiraum?
Beispiel: Wie würdest du es bei der
Siedler-Seite machen? Den Trailer breiter machen? Wäre dumm, da das Videomaterial so klein ist. Umfrage breiter machen? Auch dumm, da es besser wirkt, wenn das Umfragefenster genausobreit ist wie das Trailerfenster.
In Summe kann man sagen, dass ein dynamisches Layout wenig Vorteile gegenüber einem statischem gibt.
Bernhard Geyer hat folgendes geschrieben: |
Stell dir vor das Layout ist auf 1280 Pixel breite aufgelößt und du kommst mit 1024 vorbei und der Text ist links abgeschnitten. |
Das spielt nun überhaupt keine Rolle, denn verkleinere mal dein Fenster z.B. bei der Siedler-Seite. Was passiert? Die Ränder werden immer weniger, bis der linke Rand an den linken Browserrand stößt, ab dann wird der Inhalt rechts abgeschnitten, so wie es bei einem dynamischen Layout der Fall ist, wenn der Brwoser eine Stelle findet, die er nicht mehr weiter verkleinern kann.
Beispiel: DF. Da blockiert beim verkleinern die Menüleiste oben
.
DarkHunter hat folgendes geschrieben: |
Die CSS-Lösung wiederum zieht das Problem nach sich, dass man in diesem Fall keine absoluten Positionierungen mehr vornehmen kann, ohne sich das Layout zu zerschießen. Viele Webseiten mit fester Breite, gerade aufwendige grafische, nutzen aber eine absolute Positionierung. |
Das Problem gibts auch nicht wirklich
. absolute orinetiert sich am nächsthöheren Element, dass nicht static hat
Kleine Demo dazu:
XML-Daten
1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12:
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de" dir="ltr"> <head> <title>blubb</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <div style="margin:10px auto 0; width:780px; background-color: #F00; height: 50px; position: relative"> <div style="height: 20px; width: 10px; background-color: #0F0; position: absolute; left: 10px;top: 15px"></div> </div> </body> </html> |
//EDIT: left statt margin-left, da am left die Wirkung besser zu sehen ist.