Capa colocada debajo de otra absoluta

xenon254 · #1 (**permalink**) 18/06/2009, 08:38

Buenas a todos

Necesito colocar tal como viene en el dibujo las capas #container y #footer, ahora mismo solo la primera funciona OK. Pero la otra no lo logro.

Este es el codigo de la capa superior:

#container {
position:absolute;
left: 50%;
width:1000px;
z-index:1;
margin-left: -500px;
}

Ahora solo falta completar la del inferior:

#footer{
height: 100px;
width: 100%;
...
}

Gracias por la ayuda de antemano.

Un saludo.

kseso? · #2 (**permalink**) 18/06/2009, 08:51

Hola vecino de arriba

No alcanzo a comprender qué buscas con las propiedades de #container.
Me he permitido interpretar tu código y hacer lo de abajo. Espero puedas reutilizarlo para tus propósitos.

Un saludo

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
<head>
<title>sin título</title>
<style type="text/css">
* {margin:0; padding:0;position: relative;}
html, body {
background-color: #cdcdcd;
}
#container{
width: 650px;
height: 350px;
margin: 0 auto;
background: #505050;
color: #d2d2d2;
}
#footer {
width:880px;
margin: 0 auto;
height:40px;
background: #00c;
color: #e2e2e2;
}
</style>
</head>
<body>
<div id="container">
Hola mundo
</div>
<div id="footer">el pie</div>
</body>
</html>

xenon254 · #3 (**permalink**) 18/06/2009, 09:09

Hola vecino de abajo-arriba jaja

El ejemplo que me pasas funciona OK, tengo que mirar si me sirve en el caso real.

Muchas gracias por tu tiempo.

Un saludo

kseso? · #4 (**permalink**) 18/06/2009, 09:13

Me alegra saberlo.
Si surge alguna cosilla en la mudanza, ya sabes.
Un saludo

xenon254 · #5 (**permalink**) 29/06/2009, 04:20

Perdón por el retraso en contestar. Ya lo probé en el lugar donde se necesitaba y funciona perfectamente, gracias de nuevo por tu ayuda.

kseso? · #6 (**permalink**) 29/06/2009, 05:08

Me alegra saberlo.
Y nah, pues todos sabemos que "Zamora no se gana en una hora"

Un saludo