il layout fa quello che vuole

[asdas]

ciao
ho un layout in css che fa un po quello che vuole....

un container che contiene tutto, con dentro un div menu, successivamente un main che contiente altri 2 div, left e right, e la chiusura del main e del container

sotto il container c'è un div chiamato footer-menu e sotto ankora footer address

in teoria come si puo immaginare dentro il container deve essertci il menu e poi i 2 div destra e sinitra, sotto il menu footer e sotto ankora il menu footer address

il mio risultato ???? vedete la schifezza da qui: studio prova

penso sia un problema di float, visto che il box principale dovrebbe essere al centro della pagina!!!

ringrazio in anticipo per l'aiuto!!

#container {
margin:10px auto;
width:860px;
background:#5A5B52;
padding:10px 3px 3px 3px;
float:left;
}

#menu {
text-align: right;
padding:10px 15px 0 0;
}

#main {
background:#FFFFFF;
padding:15px;
float:left;
width:830px;
}

#main-right {
padding:0 5px;
width:320px;
float:right;
}

#main-left {
padding:5px;
width:490px;
float:left;
}

#footer-address {
font-size:10px;
margin:0 auto;
width:860px;
text-align:right;
color:#FFFFFF;
}

#footer-menu {
margin:0 auto;
width:860px;
text-align:left;
}

[pastoweb]

Beh, per la centratura del box principale togli il float al container.

Poi header e footer ti conviene metterli dentro al container, così rimangono allineati.

Comincia da queste cose, poi sarà tutto più facile!

[asdas]

ma io il footer lo voglio al di fuori del box container...


cmq con il tuo consiglio di togliere il float adesso sta cominciando a prendere una forma abbastanza decente con explorer, ma con firefox come puoi notare l'altezza del contenitore la perde!

il risultato dovrebbe essere uguale a explorer anke su firefox!

[blekm]

Originariamente inviato da asdas
il risultato dovrebbe essere uguale a explorer anke su firefox!

dovresti preoccuparti prima di farlo funzionare con Firefox (Opera e magari Safari) e poi passare a vedere che succede su quello schifo di IE6 (che ti farà penare un po) e IE7

[pastoweb]

Originariamente inviato da blekm
dovresti preoccuparti prima di farlo funzionare con Firefox (Opera e magari Safari) e poi passare a vedere che succede su quello schifo di IE6 (che ti farà penare un po) e IE7

Già, mi hai tolto le parole... dalla tastiera!

Anche perchè IE8 uscirà presto (dicono), e a quanto lego in giro è molto più in linea con gli standard dei precedenti. Meglio pensare al futuro, e mettere qualche pezza per far funzionare le cose anche nel passato.

[asdas]

ma il problema è proprio questo!!

non riesco a farlo funziore su firefox!!!! non trovo la soluzione a quest'errore!

[pastoweb]

E' proprio la logica di progettazione della pagina che non gira.
Usando i float sui div interni li togli dal flusso di rendering del browser, quindi è come se non ci fossero e l'altezza del container rimane 0.

quindi togli quei float, e per posizionare i div interni usa magari la proprietà margin, per avere il footer colorato... colora il footer, e per i bordi usa la proprietà border.

insomma, ripensa un po' la progettazione, altrimenti per come hai impostato i lavoro non ci salterai mai fuori.

[gengix]

ma il problema è proprio questo!!

non riesco a farlo funziore su firefox!!!! non trovo la soluzione a quest'errore!

O dichiari la proprietà clear a qualche elemento, normalmente viene attribuita al footer. Ma nel tuo caso il footer è fuori dal container.
Quindi puoi provare a risolvere così:

#container:after,
#main:after {
	content:".";
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
}
#menu {
        text-align: right;
	padding:10px 15px 0 0;
}
#main {
	background:#FFFFFF;
	padding:15px;
	width:830px;
}

....

In questo modo dovresti avre una condizione di parità nei browser.
Una errore nel tuo codice è dovuta al mancato azzeramento dei margini e del padding all'inizio del css. In questo caso queste 2 proprietà non vengono interpretate uniformemente nei vari browser.
Fammi sapere.