Ver Mensaje Individual
  #10 (permalink)  
Antiguo 13/06/2002, 04:58
Love_Uca
 
Fecha de Ingreso: febrero-2002
Mensajes: 127
Antigüedad: 22 años, 2 meses
Puntos: 0
Re: problema con capas que se superponen

Llegado este momento... he de decirte que no sé exactamente que es lo que busca, el código q te puse consigue que no se superpongan las capas, si lo que tu quieres es que sin indicarles la altura se vayan adaptando unas a otras... tendré que pensarlo un poco más, pero yo creo que lo más lógico es que pongas el cuerpo principal con un height de 100%, para que tenga el tamaño de la página, y el pie de página quede realmente como un pie de página.
De todas maneras, si quieres que al cuerpo principal le afecten las otras tres capas, éstas deben ser relativas, no absolutas, ya que las capas absolutas no tienen ningún efecto sobre el resto de elementos. Sería algo así:
<STYLE type=text/css>

BODY {
BACKGROUND-COLOR: #339933;
COLOR: #000000;
MARGIN-LEFT: 5px;
MARGIN-TOP: 5px
}

#cabecera {
POSITION:relative;
BACKGROUND-COLOR: #cccccc;
HEIGHT: 60px;
WIDTH: 710px;
}

#cuerpoprincipal {
position:relative;
HEIGHT: 135px;
MARGIN-BOTTOM: 5px;
MARGIN-TOP: 5px;
WIDTH: 710px;
BACKGROUND-COLOR: #FFFFFF;
}

#menuizq {
POSITION: relative;
float:left;
BACKGROUND-COLOR: #ff3366;
HEIGHT: 60px;
WIDTH: 152px;
}

#celdaprincipal {POSITION: relative;
BACKGROUND-COLOR: #000000;
float:left;
color:#ffffff;
width:408px;
left:0px;
}

#menudch {POSITION: relative;
BACKGROUND-COLOR: #0033cc;
HEIGHT: 40px;
RIGHT: 0px;
WIDTH: 140px;
}
#piedepagina {
POSITION: relative;
BACKGROUND-COLOR: #ffcc00;
HEIGHT: 60px;
MARGIN-TOP: 0px;
WIDTH: 710px;
}
</STYLE>
Un saludo

<hr>Todo sobre DHTML y javascript en <A HREF="http://www.iespana.es/topscripts">TopScripts</A><p><cite>Si el orgulloso se diese cuenta de lo ridículo que queda ante los que le conocen, por orgullo sería más humilde</cite>
Val Muñoz de Bustillo<hr>