sfondo del contenitore sbagliato

[fcw5]

Ciao a tutti,

ho questo CSS:

html, body {
margin:0;
text-align: center;
}
html {
background-color: #133b76;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #999999;
}
div#box {
height: 100%;
width: 828px;
background-color: #00133e;
}
div#contenuto {
height: 100%;
width: 678px;
background-color: #00133e;
float: left;
}
div#nav-vert {
height: 100px;
width: 150px;
float: right;
background-color: #133b76;
}

e questo html

<div id="box">

<div id="contenuto">c'è scritto molto</div>

<div id="nav-vert">c'è scritto poco</div>

</div>

BOX contiene il CONTENUTO che ha un paragrafo molto lungo ed un MENU DI NAVIGAZIONE più corto, come mai sotto al div "nav-vert" su FF vedo lo sfondo dell'HTML anzichè vedere il colore scelto per BOX? su IE vedo bene.

Ho già fatto altri siti, tutti uguali, mai presentato questo problema.
Sarà la stanchezza, non lo so, ma non riesco a risolvere il problema.

Grazie
Fcw

[Mich_]

Il contenitore si riduce al minimo, dato che non contiene nulla di fisso.

Devi insreire un clear dopo le due colonne, in modo da "riempire" il contenitore.

Vedi ad esempio la pillola di fcaldera sul clearing.

[fcw5]

Ciao,

Purtroppo non posso provare adesso, ma vorrei una conferma, il contenuto sta a sx, la navigazione a dx, quindi, dovrei aggiungere una regola nel css di questo div in questo modo?

div#nav-vert {
height: 100px;
width: 150px;
float: right;
background-color: #133b76;
clear: left;
}

oppure RIGHT o BOTH?

Grazie

[Mich_]

NO!!!

Il clear va inserito in un blocco successivo alle colonne che deve espandersi ed occupare tutto lo spazio sotto le colonne.

Puoi inserire un blocco interno al contenitore da inserire successivamente alle colonne (eventualmente puoi farlo invisibile), oppure puoi usare l'artificio di fcaldera, che usa lo pseudoelemento :after, senza quindi necessita` di marcatura supplementare.

[fcw5]

AHH!
mi sembrava di aver scritto una cavolata in effetti tutti gli altri siti hanno il piede in fondo che corregge l'errore.
Ho letto le pillore, dovrei riuscire a sistemare il tutto.

Grazie ancora, Fcw