Foros del Web - Ver Mensaje Individual

_cronos2 · #1 (**permalink**) 20/01/2011, 15:30

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<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Contacto</title>
<style type="text/css">
body {background:#000;}
.container {
 width:50%;
 /* Aquí está el problema */ 
 height:100%;
 background:#333; 
 color:#F63; 
 margin-left:25%; 
 border-radius:1.5em;
 -moz-border-radius:1.5em; 
 -webkit-border-radius:1.5em;
 font-family:Calibri; 
}
.title {font-size:3em; text-align:center;}
.text {font-size:1em; margin-left:1em;}
.input {margin-left:0.5em;}
.input:focus {border:0.1em solid #F60;}
</style>
</head>
<body>
<div class='container'>
 <div class='title'>Contacta con nosotros</div>
 <!-- etc. etc. -->
</div>
</body>
</html>

¿Cómo puedo solucionarlo?
Saludos (: