Tema: Divs desalineados
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 28/07/2011, 00:19
cfoch
 
Fecha de Ingreso: octubre-2008
Mensajes: 42
Antigüedad: 15 años, 6 meses
Puntos: 0
Pregunta Divs desalineados
Hola... he googleado tanto y no se como conseguirlo. En el código que pondré a continuación yo quisiera que el div "logo" ocupe toque el borde de la ventana del navegador y que el div "registrar" esté justo debajo del div "logo" sin dejar ningún espacio. Pero no me sale. ¿Qué falta a este codigo?

Código HTML: 
Ver original
  1. <head>
  2. <link rel="stylesheet" type="text/css" href="estilo.css" />
  3. </head>
  4. <body>
  5. <div class="logo" align="center">
  6. <h1><strong>BLINDATE</strong></h1>
  7. </div>
  8. <div class="registrar" align="center">
  9. <IMG align="center" src="anonimo.jpg" border="0" height="200" width="150">
  10. <form method="post" action="registrar.php">
  11. <p>Nombre: <input name="nombre" type="text" /></p>
  12. <p>Edad: <input name="edad" type="text" /></p>
  13. <p>e-mail: <input name="email" type="text" /></p>
  14. <p>Sexo: <select name="forma" id="forma">
  15. <option value="sex_h">Hombre</option>
  16. <option value="sex_m">Mujer</option>
  17. <option value="sex_g">Gay</option>
  18. <option value="sex_l">Lesbiana</option>
  19. </select></p>
  20. <p>Me interesa: <select name="forma" id="forma">
  21. <option value="int_hom">Hombre</option>
  22. <option value="int_muj">Mujer</option>
  23. <option value="int_gay">Gay</option>
  24. <option value="int_les">Lesbiana</option>
  25. </select></p>
  26. <p><input type="submit" /></p>
  27. </form>
  28. </div>
  29. </body>

Código CSS: 
Ver original
  1. div.logo {
  2.     background-color: #FF8000;
  3.     position:absolute;
  4.     top:0;
  5.     left:0;
  6.     height: 15%;
  7.     width: 100%;
  8. }
  9.  
  10. div.logo h1 {
  11.     color: #ff0000;
  12.     font: bold 40px arial, sans-serif;
  13. }
  14.  
  15. div.registrar {
  16.     background-color: #81BEF7
  17.  
  18. }


Gracias de antemano... Felices fiestas a los de Perú ;)