Ingo Turski: Layout/Design Logik

Beitrag lesen

Hi,

Hast Du nicht eine gute Idee für mich, wie ich den Bereich
sozusagen gestalten kann, der dann im Browser-Fenster mit dessen
Breite "mitwächst".
Im Grunde möchte ich schon auf der linken Seite oder oben die
Navigation anordnen. Vielleicht auch links und rechts, so wie
auf dieser Grafik

diese Grafik stellt ein typischen Tabellen- oder Frameset-Layout dar. Typisch deshalb, weil hier spezifische Eigenschaften dieser Elemente benötigt werden: der "*" bei Frames bzw. die Flexiblen Breiten von Tabellen. Sowas bietet das Box-Modell leider nicht und erfordert entweder ein Umdenken - weg von den Spalten - oder Workarounds, mit denen Du Dich am Anfang besser noch nicht beschäftigen solltest.

Eine (CSS-)Box nimmt:

  • ohne Breitenangabe die zur Verfügung stehende Breite ein,
  • mit Breitenangabe eben diese ein (wobei der IE sie u.U. eigenmächtigt erweitert),
  • gefloatet oder positioniert die für den Inhalt erforderliche Breite ein.

Du hast nun wegen den Bildern einen Mittelteil mit fester Breite in px. Dadurch scheidet eine prozentuale "Spaltenaufteilung" aus.
Würdest Du die Seitenbereiche floaten lassen oder positionieren, dann nehmen sie sich den für den Inhalt nötigen Platz, aber nicht mehr.
Noch erschwerend hinzu kommt Dein Wunsch nach gleichen "Spaltenhöhen". Spalten gibt es nach dem CSS-Boxmodell nicht, abgesehen von Tabelleneigenschaften, die man aber browserübergreifend nur mit HTMl-Tabellen erreicht.

freundliche Grüße
Ingo