Io vorrei che sx e content avessero sempre la stessa altezza (se uno si allunga per via del contenuto si dovrebbe allungare anche l'altro) ma questo non avviene sapreste spiegarmi dove sbaglio?
grazie
<div id="container">
<div id="top"></div>
<div id="corpo">
<div id="sx"></div>
<div id="content"></div>
</div>
<div id="footer">
</div>
/* CSS Document */
html,body{ border:0px; margin:0px; height:100%;}
Body{font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
color:#999999;
font-size:x-small;
background-image:url(../images/bg.gif);
}
div {text-align: left;
width: 650px;
margin: 0px auto 0px auto;
}
div#container{ width:753px;
height:430px;
border: 1px solid #000000;
background-color:#000000;}
/*----------------------------------------------------TOP------------------------------------------*/
div#Top{float:left;width:1753px;
background-color:#333333;
height:232px;
border-bottom:2px solid #000000;}
/*----------------------------------------------------Corpo------------------------------------------*/
div#corpo{ width:100%;
height:100%;
margin: 0px auto;
}
/*----------------------------------------------------Footer------------------------------------------*/
div#footer{ width:100%;
height:38px;
borderp-top:2px solid #000000;}
/*----------------------------------------------------menusx------------------------------------------*/
#sx{float:left;
width:190px;
background-color:#333333;
height:100%;
border-RIGHT:1px solid #000000;
border-bottom:2px solid #000000;
}
/*----------------------------------------------------Contenuto------------------------------------------*/
div#content{float:left;
width:545px;
height:100%;
background-color:#333333;
border-left:1px solid #000000;
border-bottom:2px solid #000000;}