Ver Mensaje Individual
  #10 (permalink)  
Antiguo 16/02/2014, 09:58
RaulCDT
 
Fecha de Ingreso: febrero-2014
Ubicación: Murcia
Mensajes: 119
Antigüedad: 10 años, 9 meses
Puntos: 0
Respuesta: Juntar un div con otro

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
  1. <div id="header" class="cm_web">
  2.  
  3. <div id="top"></div>
  4. <div style="position: absolute; top: 5px; left: 811px;"></div>
  5. <div id ="menu"><ul class="desplegable">
  6.       <li><a href="#">Inicio</a></li>
  7.       <li><a href="#">Clubs</a>
  8.       </li>
  9.       <li><a href="#">Fiestas</a>
  10.       </li>
  11.       <li><a href="#">Fiestas Privadas</a></li>
  12.       <li><a href="#">Conciertos</a>
  13.       </li>
  14.       <li><a href="#">¿Buscas Trabajo?</a></li>
  15.       <li><a href="#">Contactar</a></li>
  16.     </ul>
  17. </div>
  18. <div id="bloque" class="cm_web">
  19. <div class="izq">
  20.  
  21.             <div class="show"></div>
  22. </div>
  23.  
  24. <div id="lado_derecho">
  25. </div>
  26.      
  27.     </div></div>
  28.  
  29.  <div id="bloque" class="cm_web">
  30.  <div class="izq">
  31.  
  32. <div class="show">
  33. <h2>Info detallada fiestas de hoy</h2>
  34.  
  35. </div></div>
  36.  
  37. <div id="lado_derecho_fiestas"></div>
  38.  
  39. </div>
  40.  
  41. </div>
  42. </div>

y el .css

Código CSS:
Ver original
  1. .cm_web {
  2.     width: 995px;
  3.     height: auto;
  4.     margin: 0 auto;
  5.     clear: both;
  6. }
  7.  
  8. #header {
  9.     position:relative;
  10.  
  11. }
  12.  
  13.  
  14. /*top*/
  15. #top {
  16.     padding-top:10px;
  17.     height:92px;
  18.     overflow:hidden;
  19. }
  20. #top .addthis {
  21.     float: left;
  22.     width: 995px;
  23. }
  24.  
  25. /*publicidad*/
  26.  
  27. #bloque .izq {
  28.     float: left;
  29.     width:670px;
  30.     background: #FFF;
  31.     min-height: 330px;
  32.  
  33. }
  34. #izq div.show {
  35.     display:block;
  36. }
  37. #izq ul span.data a {
  38.     width:150px;
  39. }
  40.  
  41. #izq ul {
  42.     margin-top: 20px;
  43. }
  44. #lado_derecho {
  45.     float: right;
  46.     width: 325px;
  47.     background: #000;
  48.     height: 330px;
  49. }
  50.  
  51. #lado_derecho_fiestas {
  52.     float: right;
  53.     width: 325px;
  54.     background: #FFF;
  55.     min-height: 450px;
  56. }
  57. #bloque .lado_derecho_fiestas {
  58.     float: right;
  59.     width: 325px;
  60.     background: #fff;
  61.     min-height:450px;
  62. }
  63. #bloque .lado_derecho {
  64.     float: right;
  65.     width: 325px;
  66.     background: #000;
  67.     min-height:330px;
  68. }

Porque el .lado_derecho no se junta con el .lado_derecho_fiestas