01/08/2010, 08:39
|
| | | Fecha de Ingreso: mayo-2005
Mensajes: 42
Antigüedad: 18 años, 10 meses Puntos: 0 | |
| Respuesta: Eternas capas: Problema con HEIGHT
He probado ambas cosas con los Height, y nada...
Aca dejo todo el codigo de la pagina. Con un copy+paste
AGREGA MAS "bla bla" y veras como la capa comienza a irse de las otras
Muchas gracias
<!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>test</title>
<style>
#header{ position:relative; width:1000px; height: 75px; margin:auto; padding:15px; border:1px solid #CCCCCC;background-color:#FFFFFF; }
#menu{ position:relative; width:1000px; height:25px; margin:auto; padding-left:15px; padding-right:15px; border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC; background-color:#FFFFFF; background-image: url(../img/fondomenu.jpg)}
#principal{ position:relative; width:1000px; min-height: 1100px; height:100%; height:auto; margin:auto; padding:15px; border:1px solid #CCCCCC;background-color:#DDDDDD}
#leftside{ position:relative; float:left; width:700px; height:100%; margin:auto; background-color: #990000}
#bothside{ position:relative; width:90%; height:100%; margin:auto; background-color:#777777 }
#rightside{ position:relative; float:right; width:295px; height:100%; margin:auto; border-left:1px solid; background-color:#ffffff }
</style>
</head>
<body>
<div id="header">ESTO ES EL HEADER</div>
<div id="menu">ESTO ES EL MENU</div>
<div id="principal"> capa principal<br />
<div id="leftside">
<div id="bothside" align="center">
ESTA ES LA CAPA "bothside"<br />
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla
</div>
</div>
<div id="rightside">ESTE ES EL LADO DERECHO</div>
</div>
</body>
</html>
|