Sfondo con Css

[kerotan]

Salve a tutti

Sono alle prese con un problema in Css

ho un pattern nel body e poi vorrei mettere lo sfondo bianco a il Box Tot che mi contiente il tutto

vi allego le immagini cosi mi spiego meglio

come Dovrebbe Venire



Il mio Risultato



Il Codice Css

body {
background-image: url(pattern_101.gif);
}

#box_tot {
width: 701px;
background-color: #fff;
margin: auto;
}

codice HTML

<Div id="box_tot"> si apre dopo l header e si chiude per ultimo </div>

come posso avere la cosa desiderata???

Grazie ciao

[fcaldera]

per caso dentro quel div box_tot hai utilizzato elementi flottati? Sembrerebbe quasi che quel div non si estenda in verticale come dovrebbe...

[kerotan]

si ho creato come 3 "colonne"

c'e a sinistra menu e banner Verticale e ho messo il Float

#menu_sinistro {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
float: left;
list-style-type: circle;
}

poi nel centro c'e un div che si chiama centro

#centro {
float: left;
width: 420px;
margin-top: 10px;
}

all interno del centro ci sono tanti Box dove dentro ci sono delle descrizioni di alcune cose

#box {
width: 380px;
border: #000000 1px solid;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
padding: 5px;
margin-top: 10px;
margin-right: auto;
margin-left: auto;
background-color: #FFFFFF;
}

#box a {
color: #FF0000;
text-decoration:none;
}

#box a:hover {
color: #0000FF;
}


img.img1 {
float: left;
margin-left: 5px;
margin-top: 2px;
padding: 3px;
}

all'interno dei Box ci sono delle immagini a cui ho fatto fluttuare il testo a destra


e poi a destra c'e un div simile al al menu sinistro, ma si chiama menu destro

#menu_destro {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
width: 150px;
float: right;
margin-top: 10px;
}

[fcaldera]

allora probabilmente devi fare il clearing di box_tot (cerca "clearing" in questo forum)

per verificarlo basta fare una cosa molto semplice: prova a definire un bordo per quel box... quasi sicuramente ti disegnerà solo il bordo superiore

[kerotan]

Grazie molto Gentile

è proprio quello il problema, perche i Float non creano ingombro

[kerotan]

ho risolto

ho messo nel Css

#footer {
width: 701px;
height: 20px;
clear: both;
background: #FFFFFF;
}
e nell html

<div id="footer"></div>

prima della chiusura del div che conteneva tutto

Grazie, ho postato la risposta, magari può essere utile a qualcuno!!!

ciao