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:
Grazie in anticipo a tutti!Codice PHP: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;
}

Rispondi quotando