Gunnar Bittersmann: Tables -> mittiges Layout

Beitrag lesen

  • links ein 100px breites menue
  • in der mitte ein 455px breiter mainframe
  • rechts wieder ein 100px breites menue
    das Ganze soll sich -je nach Auflösung des Besuchers- genau mittig an das Browserfenster anpassen.

turkan,
Das ist schon mal unmöglich. Wenn der Viewport (das Fenster(innere) des Browsers abzüglich Sidebars) schmaler ist als 655px, passt da gar nichts. Und horizontales Scrollen ist unbeliebt.

Und die Größe des Viewports hat auch nichts mit der Auflösung des Monitors zu tun. Von der „Auflösung des Besuchers“ ganz zu schweigen.

Du hast auch bedacht, dass deine Menüs in 100px gezwängt ziemlich blöd aussehen, wenn der Nutzer eine größere Schrift eingestellt hat als du dachtest?

Die Breite gibst du besser entweder relativ zur Schriftgröße in em an oder relativ zur Viewport-Breite in %, und max-width lässt sich da auch vorteilhaft einsetzen.

Wie funktioniert das mit Tabellen?

Wenn dein erster Gedanke bei der Aufteilung einer Seite „Tabelle“ ist, verwerfe ihn und denk nochmal.

Die CSS-Eigenschaft float ermöglicht es, Blöcke nebeneinander zu setzen. Und wenn sie bei manchem Nutzer aufgrund seiner Einstellungen nicht nebeneinander passen, sind sie bei ihm halt untereinander, besser vertikal scrollen als horizontal.

Das sollte erstmal genug food for thought sein.

Live long and prosper,
Gunnar

--
„Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)