Problema con DIV e overflow

[Rabelais]

Ciao a tutti.
Sto avendo un grosso problemone con l'attributo overflow per un div: su IE tutto ok, su FF il div si sposta e va a cavallo di un div vicino.
Questo e' il link:
http://proto.askers.it/index.php?page=gbook_rd&gbpage=1
Se tolgo l'attributo overflow al div in questione torna totto ok, con pero' il problema che ora il div viene processato con overflow: visible...
Eccovi il css con la parte sui DIV

#container{
	border: 1px;
	border-style: solid;
	border-color: #000000;
	background-color: #222222;
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 14px;
}

#header{
	border: 0px;
	height: 78px;
	margin: 0px;
	text-align: center;
}

#frameset{
	border: 0px;
	height: 454px;
	background-image: url(images/back.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}

#menusx{
	width: 150px;
	height: 454px;
	margin: 1px 0px 0px 0px;
	float: left;
	border: 0px;
	overflow: auto;
}

#menudx{
	width: 150px;
	margin: 1px 0px 0px 0px;
	float: right;
	border: 0px;
}

#main{
	width: 660px;
	height: 452px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1px;
	border: 0px;
	overflow: auto;
}

#footer{
	clear: both;
	border: 0px;
	margin: 0px 0px 0px 0px;
}

Il DIV in questione e' il main.

HELP!!!

Intanto grazie a tutti in anticipo dell'aiuto...

Ciao!

RB

[euge90]

scusa se ti do una risposta svelta, ma non ho molto tempo

cmq centra il margin-left e margin-right

#main{
	width: 660px;
	height: 452px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 1px;
	border: 0px;
	overflow: auto;
}

così mi sembra si veda bene. se non lo vedi bene, prova a giocarci un po attorno con i margini e forse anche il width

[Rabelais]

Perfetto.
Cosi' va benissimo, grazie!

Una piccola domandina a valle della soluzione: ma l'impostare dei margini a 0px quando il div ha un attributo width che non e' esattamente uguale (ma minore) allo spazio a sua disposizione cosa comporta?

Comunque grazie mille...

RB

[Another-Life]

Inanzitutto non c'è bisogno di assegnare un valore nullo con relativa unita di misura(quale px).Essendo 0 un valore nullo puoi semplicemente scriverlo senza unita di misura:

Es.
.....
margin-left: 0;
margin-right: 0;
.....

Poi per rispondere alla tua seconda domanda: Prima avevi dato completa libertà al browser di gestire l'overflow in larghezza(sia verso sinistra che verso destra).In questo modo invece hai assegnato dei valori di limite per cui il contenuto non andra piu a sovrapporsi a suo piacimento sia a destra che a sinistra.

[Rabelais]

Capisco...
Il fatto e' che volevo sapere questo: io ho un div contenitore largo X, due div laterali larghi Y e per quello centrale resta uno spazio di X-2Y. Se imposto il margine a 0 al div centrale e poi gli do un valore di width minore di quel X-2Y non potrebbe generare un "errore di programmazione" che il browser puo' interpretare a modo suo?
Vabbe', mi pare di aver abusato troppo della sapienza del forum.
Al prossimo problema!
Ciao!

RB

[Another-Life]

Dipende dal background che hai assegnato al Container.Se il background è condiviso con la sezione centrale allora non noterai nulla.Se invece il background dell'elemento contenitore(in questo caso il Container)ha uno sfondo bianco,avendo dato un valore minore alla sezione centrale,vedresti
ai lati della sezione centrale il background-color: white; del Container per quel valore di larghezza mancante da te citato.


p.s: Non aver paura di chiedere tante volte,l'importante è capire.

[Rabelais]

OK. Sei stato molto esauriente.
Grazie mille.


RB

PS non credere che io non sappia chi sia Shinji Ikari...

[Another-Life]

hehehe