Newsgroup: it.lavoro.professioni.webmaster
Titolo: CSS e dimensioni

Ho fatto alcune prove, ho trovato questo esempio
/* CSS Document */
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center}
p{margin:0 10px 10px}
a{display:block;color: #981793;padding:10px}
div#header h1{height:80px;line-height:80px;margin:0;
padding-left:10px;background: #EEE;color: #79B30B}
div#container{text-align:left}
div#content p{line-height:1.4}
div#navigation{background:#B9CAFF}
div#extra{background:#FF8539}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
div#container{width:700px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin: 0 150px}
div#navigation{float:left;width:150px;margin-left:-150px}
div#extra{float:left;width:150px;margin-left:-700px}
div#footer{clear:left;width:100%}
non capisco come incrementare l'area per arrivare ad avere un'area 
generale (SX+CONTENT+DX) di 777 pixel con area di DX e SX di 190 pixel
come posso fare??
HTML
<div id="container">
<div id="header"><h1>Header</h1></div>
<div id="wrapper">
<div id="content">
<p><strong>1) Content here.</strong> column long long column very long 
fill fill fill long text text column text silly very make long very fill 
silly make make long make text fill very long text column silly silly 
very column long very column filler fill long make filler long silly 
very long silly silly silly long filler make column filler make silly 
long long fill very.</p>
<p>very make make fill silly long long filler column long make silly 
silly column filler fill fill very filler text fill filler column make 
fill make text very make make very fill fill long make very filler 
column very long very filler silly very make filler silly make make 
column column </p>
<p>fill long make long text very make long fill column make text very 
silly column filler silly text fill text filler filler filler make make 
make make text filler fill column filler make silly make text text fill 
make very filler column very </p>
<p>column text long column make silly long text filler silly very very 
very long filler fill very fill silly very make make filler text filler 
text make silly text text long fill fill make text fill long text very 
silly long long filler filler fill silly long make column make silly 
long column long make very </p>
</div>
</div>
<div id="navigation">
<p><strong>2) Navigation here.</strong> long long fill filler very fill 
column column silly filler very filler fill fill filler text fill very 
silly fill text filler silly silly filler fill very make fill column 
text column very very column fill fill very silly column silly silly 
fill fill long filler </p>
</div>
<div id="extra">
<p><strong>3) More stuff here.</strong> column long make silly silly 
filler silly very very very long column filler fill make column make 
silly column fill silly column long make silly filler column filler 
silly long long column fill silly column very </p>
</div>
<div id="footer"><p>Here it goes the footer</p></div>
</div>

 come posso fare??
HTML
<body>
    <div id="container">
        <div id="header"></div>
        <div id="navigation"></div>
        <div id="extra"></div>
        <div id="content"></div>
        <div id="footer"></div>
    </div>
</body>
CSS
div#navigation{
float:left;
width:190px;
padding:1em 0 0 10px}
div#extra{
float:right;
width: 190px}
div#content{
margin:0 190px;
padding:1em 10px}
div#footer{clear:both}
div#container{
width:777px}
Ti sconsiglio però un container largo 777px perché potresti ottenere
uno scorrimento orizzontale per risoluzioni video 800 x 600. Se questa
risoluzione non ti interessa settalo a 950px e puoi lavorare con
monitor 1024*768, altrimenti dai una larghezza di 760-765px.