Muy buenas a todos:
Tengo este problema, me aparece este espacio debajo del footer ... :
http://img842.imageshack.us/img842/8848/footerye.png
En propiedades de pagina puse todos los margenes en 0 :/.
¿ Qué puede ser ?.
HTML:
Código HTML:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tutomania.net - Tutoriales - Descarga - Manuales - Copyright 2010</title><link href="estilos.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.Estilo3 {
font-size: 30px;
font-weight: bold;
font-family: "Courier New", Courier, monospace;
}
.Estilo4 {font-weight: bold; font-size: 30px;}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
</head>
<body>
<div id="contenedor">
<div id="header"><img src="images/Images/maquetaweb-copia_01.jpg" width="612" height="192" /></div>
<div id="buscarlogin">Usuario:
<label>
<input type="text" name="usuario" id="usuario" />
</label>
Contraseña:
<label>
<input type="password" name="password" id="password" />
</label>
¿No estás registrado? Registrate.</div>
<div id="buscar">Buscar:
<label>
<input type="text" name="buscar" id="buscar2" />
</label>
</div>
<div id="nuevoscontenidos">
<p align="center" class="Estilo3">Nuevos Contenidos:</p>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
<p>9</p>
<p>10</p>
</div>
<div id="top5">
<p align="center" class="Estilo3">Top 10 Descargas:</p>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
<p>9</p>
<p>10</p>
</div>
<div id="footer">
<p>Colocar aquí el contenido para id "footer"<br />
</p>
</div>
</div>
</body>
</html> CSS:
Código:
@charset "utf-8";
#contenedor {
height: auto;
width: auto;
margin: 0 auto;
}
#header {
background-image: url(images/Images/maqueta%20tocada/headerbackground.jpg);
background-repeat: repeat-x;
}
#buscarlogin {
background-image: url(images/Images/maqueta%20tocada/backmenu.jpg);
font-family: Tahoma;
font-style: normal;
}
#buscar {
text-align: right;
background-image: url(images/Images/maqueta%20tocada/backmenu.jpg);
font-size: 30px;
font-family: "Courier New", Courier, monospace;
}
#nuevoscontenidos {
float: left;
background-color: #FFFFFF;
background-image: url(images/Images/maquetaweb-copia_06.jpg);
width: 577px;
background-repeat: no-repeat;
height: auto;
overflow: hidden;
right: auto;
}
#top5 {
float: right;
background-color: #FFFFFF;
background-image: url(images/Images/maquetaweb-copia_08.jpg);
background-repeat: no-repeat;
width: 345px;
}
#footer {
clear: both;
background-image: url(images/Images/maquetaweb-copia_12.jpg);
}
El problema nosé si esta en el body o en el footer ... nunca me paso.
Saludos :). Y gracias de antemano.