Hola,
Tengo el siguiente problema:
Creo tres divs diferentes y los posiciona de forma relativa (div uno, div dos, div tres). El div dos lo coloco superpuesto al div uno, unos 200px creo. Al hacer esto, en la parte inferior de la web me aparece un espacio en blanco con el mismo tamaño que el espacio superpuesto.
Si superpongo más divs me sigue sumando al espacio en blanco la cantidad superpuesta.
Me queda como en la imagen:
Uploaded with
ImageShack.us
Mi código html es:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Mi primera página con estilo</title>
<link rel=stylesheet href="style.css" type="text/css">
</head>
<body>
<div id="uno">
uno
</div>
<div id="dos">
dos
</div>
<div id="tres">
tres
</div>
</body>
</html>
Y este mi CSS:
Código:
#uno{
color: white;
height: 275px;
padding-left: 10px;
padding-top:0px;
text-align: center;
background:black;
border: 1px solid black;
clear:both;
display:block;
}
#dos{
color: white;
width: 600px;
height: 800px;
padding-left: 10px;
padding-top:0px;
text-align: center;
background:red;
border: 1px solid black;
position: relative;
bottom:200px;
}
#tres{
color: white;
height: 200px;
padding-left: 10px;
padding-top:0px;
text-align: center;
background:yellow;
border: 1px solid black;
position: relative;
top:-200px;
}