Foros del Web » Creando para Internet » CSS »

Capa colocada debajo de otra absoluta

Estas en el tema de Capa colocada debajo de otra absoluta en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 18/06/2009, 09:38
 
Fecha de Ingreso: noviembre-2007
Ubicación: ZaMoRa CiTy
Mensajes: 251
Antigüedad: 9 años
Puntos: 1
Pregunta Capa colocada debajo de otra absoluta

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.

Última edición por xenon254; 18/06/2009 a las 10:05
  #2 (permalink)  
Antiguo 18/06/2009, 09:51
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 9 años, 6 meses
Puntos: 538
Respuesta: Capa colocada debajo de otra absoluta

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
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
  3. <title>sin título</title>
  4. <style type="text/css">
  5. * {margin:0; padding:0;position: relative;}
  6. html, body {
  7. background-color: #cdcdcd;
  8. }
  9. #container{
  10. width: 650px;
  11. height: 350px;
  12. margin: 0 auto;
  13. background: #505050;
  14. color: #d2d2d2;
  15. }
  16. #footer {
  17. width:880px;
  18. margin: 0 auto;
  19. height:40px;
  20. background: #00c;
  21. color: #e2e2e2;
  22. }
  23. </head>
  24. <div id="container">
  25. Hola mundo
  26. </div>
  27. <div id="footer">el pie</div>
  28. </body>
  29. </html>
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 18/06/2009, 10:09
 
Fecha de Ingreso: noviembre-2007
Ubicación: ZaMoRa CiTy
Mensajes: 251
Antigüedad: 9 años
Puntos: 1
Respuesta: Capa colocada debajo de otra absoluta

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
  #4 (permalink)  
Antiguo 18/06/2009, 10:13
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 9 años, 6 meses
Puntos: 538
Respuesta: Capa colocada debajo de otra absoluta

Me alegra saberlo.
Si surge alguna cosilla en la mudanza, ya sabes.
Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #5 (permalink)  
Antiguo 29/06/2009, 05:20
 
Fecha de Ingreso: noviembre-2007
Ubicación: ZaMoRa CiTy
Mensajes: 251
Antigüedad: 9 años
Puntos: 1
Respuesta: Capa colocada debajo de otra absoluta

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.
  #6 (permalink)  
Antiguo 29/06/2009, 06:08
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 9 años, 6 meses
Puntos: 538
Respuesta: Capa colocada debajo de otra absoluta

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

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:45.