Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/01/2011, 15:30
Avatar de _cronos2
_cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 10 años, 11 meses
Puntos: 310
Problema con DTD

Estoy tratando de hacer un formulario de contacto, y tengo el div.container con el height al 100%. Sin declaración DTD funciona bien, pero con la XHTML 1 Transitional me limita el tamño del div hasta la parte de abajo del último elemento en su interior (creo que me he explicado un poco mal, si no se me entiende puedo pasar u screenshot). El código es este:
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. <title>Contacto</title>
  4. <style type="text/css">
  5. body {background:#000;}
  6. .container {
  7.  width:50%;
  8.  /* Aquí está el problema */
  9.  height:100%;
  10.  background:#333;
  11.  color:#F63;
  12.  margin-left:25%;
  13.  border-radius:1.5em;
  14.  -moz-border-radius:1.5em;
  15.  -webkit-border-radius:1.5em;
  16.  font-family:Calibri;
  17. }
  18. .title {font-size:3em; text-align:center;}
  19. .text {font-size:1em; margin-left:1em;}
  20. .input {margin-left:0.5em;}
  21. .input:focus {border:0.1em solid #F60;}
  22. </head>
  23. <div class='container'>
  24.  <div class='title'>Contacta con nosotros</div>
  25.  <!-- etc. etc. -->
  26. </div>
  27. </body>
  28. </html>
¿Cómo puedo solucionarlo?
Saludos (:
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red