Problema con colonna centrale e attributo width

[VincenzoTheBest]

Buongiorno ragazzi! Sto costruendo il mio sito in Css, però mi sono accorto di avere il seguente problema: se nella colonna centrale ci metto una tabella oppure un'immagine con l'attributo width con valore 100%, accade che la tabella va a finire a fondo pagina tra la fine delle due colonne laterali e il footer.

La struttura del mio sito in Css è la seguente:

div#header {
    background-image: url(sfondo.gif);
    background-repeat: repeat;
    width: 100%;
    height: 200px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

div#headerlogo {    
    background-image: url(logo.png);
    background-repeat: no-repeat;
    width: 900px;
    height: 150px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

div#headerdx {
    float: right;
    width: 50px;
    margin-left: 0px;
    margin-right: 0px;

}

div#headersx {
    float: left;
    width: 50px;
    margin-left: 0px;
    margin-right: 0px;
}    

div#topmenu {
    width: 900px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    color: #FFFFFF;
}    



div#container {
    background-image: url(sfondo.gif);
    background-repeat: repeat;
    width: 100%;
    margin: 0 auto;
}

div#menusx {
    float: left; 
    width: 160px;
    padding-left: 0; 
    padding-right: 0;
    border: solid 1px #999999;
}

.vocemenusx {
    background-image: url(image.gif);
    background-repeat: repeat;
    width: 160px; 
    height: 20px;
    margin: 0;
    padding-top: 6px;
    color: #fff;
    text-align: center;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10px;
}

div#menudx {
    float: right; 
    width: 160px;
    padding-left: 0; 
    padding-right: 0;
    border: solid 1px #999999;
}


.vocemenudx {
    background-image: url(image.gif);
    background-repeat: repeat;
    width: 160px; 
    height: 20px;
    margin: 0;
    padding-top: 6px;
    text-align: center;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10px;
}

.vocemenusezione {
    background-image: url(image.gif);
    background-repeat: repeat;
    width: 160px;
    height: 20px;
    margin: 0;
    padding-top: 6px;
    text-align: center;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10px;
}

#divc {
    border: 0;
    margin-left: 160px;
    margin-right: 160px;
    padding-left: 0px;
    padding-right: 0px;
}

#footer {
    background-image: url(sfondo.gif);
    background-repeat: repeat-x;
     clear: both;
     width: 100%;
     height: 28px;
     text-align: center;
 
} 

Grazie in anticipo a tutti!

[paologaz]

La butto lì senza la pretesa di avere ragione!
Non ho ben capito qual' é il box centrale (penso sia #container), ma se usi 100% non è che forse indichi al box di coprire per intero la larghezza del video?
Gli altri box hanno misure fisse, forse non dovresti dare alcuna misura al box e renderlo liquido?

[VincenzoTheBest]

Originariamente inviato da paologaz
La butto lì senza la pretesa di avere ragione!
Non ho ben capito qual' é il box centrale (penso sia #container), ma se usi 100% non è che forse indichi al box di coprire per intero la larghezza del video?
Gli altri box hanno misure fisse, forse non dovresti dare alcuna misura al box e renderlo liquido?

No il box centrale è '#divc' e come puoi vedere è liquido, in quanto non ha una dimensione specificata...

Hai una soluzione?