Tim Bade: Inhaltscontainer ausrichten?

Beitrag lesen

Hallo!

Ich habe folgendes Design per CSS (DIVs) definiert:

+----------------------------------+
| HEADER 100% breit + fixed        |
+----------------------------------+
+-------+ +------------------------+
| NAVI  | | CONTENT                |
| etwa  | | soll 100% abzüglich der|
| 200   | | Breite der Navi und des|
| Pixel | | margins sein, soll     |
| breit | | scrollbar sein         |
|   +   | |                        |
| fixed | |                        |
+-------+ +------------------------+

  • Der Header nimmt 100% des Browserfensters ein und ist fixiert.
  • Die Navigation ist etwa 200 Pixel breit und auch fixiert.
  • Nun soll den CONTENT-Bereich in der Breite auch immer 100% einnehmen, abzüglich eines Außenabstands zu allen Elementen von 30 Pixel. Wenn ich schreibe width:100%; dann ist in allen Browser ein hori. Scrollbalken zu sehen. Statt oder mit display:block; klappt es auch nicht. position:absolute; oder position:relative; zeigt keine Wirkungen.

Was tun?

Danke für alle Antworten im vorraus!
Tim Bade