Buenas. Tengo el dilemita de que me queda un espacio en blanco entre el contenido y el pie y no lo puedo acomodar. Copio el código html y css.
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head><title>Contacto</title>
<link rel="stylesheet" type="text/css" href="./css/style.css" />
</head>
<body>
<div id="encabezado">
</div>
<div id="contenedor">
<div id="menu">
</div>
<h2 class="xlargo">Blablabla</h2>
<div id="contenido">
</div>
</div>
<div id="pie">
<div id="espacio"></div>
<p id="miMail">Desarrollado por <a href="mailto:jhkjhkjh" >Blabla</a></p>
</div>
</body>
</html>
El código CSS es el siguiente:
Código:
body {font-family:Trebuchet MS, sans-serif; margin: 0px; width: 1024px;}
#encabezado{width: 930px; height: 139px; margin-left:40px;}
/*MENU*/
#menu{ height: 46px; background-color: #172322; width: 930px; }
#contenedor{margin-left: 40px; width: 930px; background-color: rgb(156,208,228); min-height: 100%;}
#contenido{height:100%; margin-bottom:0px;}
/*PIE*/
#pie{margin-left: 40px;text-align: center; background: black; height: 70px; color: white; width: 930px; clear: both;}
#espacio{height: 12px; position: relative;}
En fin, el contenido es estático, y tanto en Firefox como en IE me queda un espacio en blanco arriba del la capa "pie". No se si el problema es la capa "contenido" o la "contenedor". En chrome lo arreglé poniendo a la capa contenido un height: 100%. Pero en los demás no funcionó. Cuando la información es dinámica, no tengo problemas en ningún navegador. Así que no se que puede ser.
Espero un centro. Gracias!