Dynamische Breite ohne Tabelle

[nemoinho]

Moin aus Hamburg,

ich würde das Problem etwas anders angehen,
darum hier erst mal dein html:

<div id="header"><p>Header</p></div>  
<div id="main">  
  <div id="menu"><p>Menu</p></div>  
  <div id="content"><p>Content[...]</p></div>  
</div>  
<div id="footer"><p>Footer</p></div>  

und dann gehts an's css, erstmal alle margin und padding auf 0 setzen, damit es keine komischen Verschiebungen gibt...

* {margin:0;padding:0;}  
#header {}  
#footer {}  
#main {}  
#menu {}  
#content {}  
#content div {}

Denn was weißt du, dass der header ist die komplette seite breit ist, ebenso wie der footer, jedoch ist dass egal, weil ein div eh immer die volle mögliche Breite einnimmt, außer man stellt etwas anderes ein.
Außerdem weißt du, dass der Inhalt komplett zu sehen sein soll,
sprich:
#main {overflow:hidden}
so und damit das menu auch schön links bleibt, lässt man es nach links floaten:
#menu {float: left;}
zu guter letzt weist du das der Inhalt 200 px weit rechts sein soll:
#content {margin-left:200px;}
so und damit das dann noch mit diesem Innenabstand vom content hinhaut geben wir dem content halt ein entsprechendes padding:
#content {margin-left:200px;padding:20px;}

Ich hoffe ich konnte dir ein bisschen helfen, hier noch mal das ganze css (inkl. deiner farbwahl ;-)):

* {margin:0; padding:0;}  
#header {background-color: blue;}  
#footer {background-color: blue;}  
#wrapper {background: red; overflow: hidden;}  
#menu {float: left;}  
#content {background: green; margin-left: 200px; padding: 20px;}  
#content div {background: orange;}

mfG Felix Nehrke

P.S.: Besuche unseren Blog:  http://www.pommes-blog.de