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