gestione div centrale

[Blackeyes]

Premesso che sto' utilizzando i css da un paio di giorni e quindi ne so' davvero poco ho un problema con il posizionamento e la gestione di un div centrale ho preso spunto da un articolo "Un sistema a template con PHP e CSS" ed ho effettuato alcune modifiche.
Praticamente il layout dovrebbe comprendere un header un div a sinistra, un div centrale e un div a dx contenente i menu' di navigazione.
Attualmente il problema è che il div centrale dovrebbe avere delle dimensioni fisse per quanto riguarda la larghezza e non dovrebbe estendersi per tutta la larghezza della pagina. Gli eventuali ulteriori contenuti sia a sx che a dx dovrebbero essere indipendenti l'uno dall'altro.

questo è il codice

div#container{width:925px;height:870px;width:925px;margin: 0 auto;padding:0 0px; border:1px solid black;
    background: #FFFFFF url(images/fauxcolumn.jpg) repeat-y center;text-align: left}

div#header{position:relative;height:214px;background: #81A1B6 url(images/header.jpg) no-repeat top left}
div#header img#logoprint{display:none}

div#menu{float: right;width:155px;padding-bottom: 20px}
div#menu h4{margin-top: 10px;font-size: 120%;font-weight:lighter;color: #F0F0FF}
div#menu ul{list-style-type: none;margin:0;padding:0}
div#menu li{margin:0;line-height: 1.3}
div#menu a{text-decoration:none;color: #394A5A;padding-left:12px;line-height: 1.6;
    background: url(images/bullet.jpg) no-repeat top left}
div#menu a:hover{color: #000;text-decoration: underline}

div#menu1{float: left; width:155px;padding-bottom: 20px}
div#menu1 h4{margin-top: 10px;font-size: 120%;font-weight:lighter;color: #F0F0FF}
div#menu1 ul{list-style-type: none;margin:0;padding:0}
div#menu1 li{margin:0;line-height: 1.3}
div#menu1 a{text-decoration:none;color: #394A5A;padding-left:12px;line-height: 1.6;
    background: url(images/bullet.jpg) no-repeat top left}
div#menu1 a:hover{color: #000;text-decoration: underline}

div#content{
	border: #000000 double;
	margin: 10 170 10 160;
	position: relative;
	text-align: justify;
	height: 520;
	left: 160;
	right: 170;
	width: 400;
}
div#content a{text-decoration: none;padding-bottom: 1px;border-bottom: 1px solid #333}
div#content a:hover{border-bottom: 1px dotted #999}
div#content ul{margin:0 0 1em;padding:0;list-style-type: none}
div#content ul li{margin:0;padding-left:16px;line-height:1.4;background: url(images/bodybullet.jpg) no-repeat 0 4px}

Sicuramente sbaglio qualche cosa a livello concettuale... oltre che di codice

[axxe16]

ciao,
togli in div#content position:relative , left: 160; , right: 170;. Il tipo di impaginazione che utilizi gestisce le colonne laterali con i margini del content e non con il posizionamento relativo. Ricorda di inserire nell'html prima le due colonne laterali e poi la colonna centrale; il resto mi sembra a posto

[Blackeyes]

ok ti ringrazio