En la estructura web por ejemplo sin datos dentro de cada div, es decir, vacia no se corta, pero cuando le meto texto ya se desconfigura y no consigo adivinar el porque..
la estructura es la siguiente:
Código HTML:
Ver original<div id="header" class="cm_web">
<div style="position: absolute; top: 5px; left: 811px;"></div> <div id ="menu"><ul class="desplegable"> <li><a href="#">Inicio
</a></li> <li><a href="#">Clubs
</a> <li><a href="#">Fiestas
</a> <li><a href="#">Fiestas Privadas
</a></li> <li><a href="#">Conciertos
</a> <li><a href="#">¿Buscas Trabajo?
</a></li> <li><a href="#">Contactar
</a></li> <div id="bloque" class="cm_web">
<div id="bloque" class="cm_web">
<h2>Info detallada fiestas de hoy
</h2>
<div id="lado_derecho_fiestas"></div>
y el .css
Código CSS:
Ver original.cm_web {
width: 995px;
height: auto;
margin: 0 auto;
clear: both;
}
#header {
position:relative;
}
/*top*/
#top {
padding-top:10px;
height:92px;
overflow:hidden;
}
#top .addthis {
float: left;
width: 995px;
}
/*publicidad*/
#bloque .izq {
float: left;
width:670px;
background: #FFF;
min-height: 330px;
}
#izq div.show {
display:block;
}
#izq ul span.data a {
width:150px;
}
#izq ul {
margin-top: 20px;
}
#lado_derecho {
float: right;
width: 325px;
background: #000;
height: 330px;
}
#lado_derecho_fiestas {
float: right;
width: 325px;
background: #FFF;
min-height: 450px;
}
#bloque .lado_derecho_fiestas {
float: right;
width: 325px;
background: #fff;
min-height:450px;
}
#bloque .lado_derecho {
float: right;
width: 325px;
background: #000;
min-height:330px;
}
Porque el .lado_derecho no se junta con el .lado_derecho_fiestas