Tema: Alinear misma altura divs
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 19/02/2011, 03:33
Avatar de ofmjuanabascal
ofmjuanabascal
 
Fecha de Ingreso: noviembre-2010
Ubicación: Cantabria
Mensajes: 17
Antigüedad: 14 años, 2 meses
Puntos: 0
Respuesta: Alinear misma altura divs
Has de hacerlos "flotar" todos en la misma dirección y despues ir ajustando los margenes y el padding. Aquí esta el código que he modificado. Espero que te sirva.

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Divs</title>
  6. <style type="text/css">
  7. #div-menu{
  8.     margin-left:auto;
  9.     margin-right:auto;
  10.     margin-bottom:3px;
  11.     width:1090px;
  12.     height:35px;
  13.     background:#F90;
  14. }
  15. #div-central{
  16.     margin-left:auto;
  17.     margin-right:auto;
  18.     width:560px;
  19.     height:680px;
  20.     background:#09C;
  21.     border-right:1px solid #999;
  22.     border.radius: 10px;
  23.  -moz-border-radius:10px;
  24.  -webkit-border-radius:10px;
  25.  float:left;
  26.  margin: 0 50px 0 50px;
  27. }
  28. #div-izquierdo{
  29.     float:left;
  30.     width:265px;
  31.     height:540px;
  32.     background:#060;
  33.     margin-left: 30px;
  34. }
  35. #div-derecho{
  36.     float:left;
  37.     width:265px;
  38.     height:360px;
  39.     background:#999;
  40. }
  41. </style>
  42. </head>
  43. <body>
  44. <div id="div-menu">
  45. </div>
  46. <div id="div-izquierdo">
  47. </div>
  48. <div id="div-central">
  49. </div>
  50. <div id="div-derecho">
  51. </div>
  52. </body>
  53. </html>