Tema: <div> sin limite de alto
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 15/07/2012, 12:19
Avatar de emprear
emprear
Colaborador
  
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 18 años, 4 meses
Puntos: 1567
Respuesta: <div> sin limite de alto
no se entiende el planteo
no hay inconvenientes al hacer esto
Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
  3. <head>
  4.     <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  5. <title>xxxx</title>
  6. <style type="text/css">
  7. #caja_izq {width: 850px;
  8. margin: 20px auto;
  9. color:#fff;
  10. background-color: #4c9ab1;
  11. overflow: auto;
  12. }
  13. #caja_der {width: 500px;
  14. float: right;
  15. background-color: #82b04d;
  16. border-left: solid 30px #fff;
  17. }
  18. .columna_izquierda {width: 280px;
  19. float: left;
  20. padding: 20px;
  21. position: relative;
  22. margin-left: -350px;
  23. }
  24. .columna_derecha {width: 450px;
  25. float: left;
  26. padding: 20px;
  27. }
  28. </style>
  29. </head>
  30. <body>
  31.     <div style="background: blue; height: 120px; width: 960px; margin: 0 auto;">
  32. header
  33. </div>
  34.     
  35. <div id="caja_izq">
  36. <div id="caja_der">
  37. <div class="columna_izquierda">Lorem ipsum dolor sit amet,  consectetuer adipiscing elit, sed diam nonummy  nibh euismod
  38. tincidunt ut  laoreet dolore  magna aliquam  erat volutpat.  Ut wisi  enim ad  minim veniam,  quis nostrud exerci tation
  39. ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo  consequat. 
  40. molestie consequat.</div>
  41. <div class="columna_derecha">
  42. Lorem ipsum dolor  sit amet, consectetuer  adipiscing elit, sed  diam nonummy nibh  euismod tincidunt ut  laoreet dolore
  43. magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl
  44. ut aliquip  ex ea  commodo consequat.  Duis autem  vel eum  iriure dolor  in hendrerit  in vulputate velit esse molestie
  45. consequat, vel illum  dolore eu feugiat  nulla facilisis at  vero eros et  accumsan et iusto  odio dignissim qui blandit
  46. praesent luptatum zzril delenit augue  duis dolore te feugait nulla  facilisi. Lorem ipsum dolor sit  amet, consectetuer
  47. adipiscing elit, sed  diam nonummy nibh  euismod tincidunt ut  laoreet dolore magna  aliquam erat volutpat.
  48. Lorem  ipsum
  49. dolor sit amet, consectetuer adipiscing  elit, sed diam nonummy nibh  euismod tincidunt ut laoreet dolore  magna aliquam
  50.  
  51. </div>
  52. </div>
  53. </div>
  54.  
  55. <div style="background: blue; height: 120px; width: 960px; margin: 0 auto;">
  56. pie
  57. </div>
  58. </body>
  59. </html>
solo restaría ajustar los anchos
Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.