Hola, mi problema es que tengo un contenedor con 3 columnas dentro y cuendo alguna de las columnas se extiende sobrepasa por arriba el contenedor en vez de aumentar de amo como las columnas.
Mi codigo:
Código HTML:
<style type="text/css">
#contenedor {
width: 800px;
background-color:#999999;
height:100%;
border-right:2px solid #ACCFE8;
border-bottom:0px solid #356AA0;
border-left:2px solid #ACCFE8;
}
#menu {
width: 150px;
background-color:#DBEBF6;
border-right:2px solid #ACCFE8;
border-bottom:0px;
float:left;
}
#contenido {
width: 496px;
border-right:2px solid #ACCFE8;
float:left;
}
#menuderecho {
width: 150px;
background-color:#DBEBF6;
float:right;
}
</style>
</head>
<body>
<div id="contenedor">
<div id="menu"></div>
<div id="contenido">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div id="menuderecho"> </div>
</div>
Aqui lo resumi para que vean las estructura basica, cuando la div "contenido" aumenta de tamaño sobrepasa por arriba la div "contenedor"
Como hago para que eso no suceda?