Foros del Web » Creando para Internet » CSS »

problema divs sobreexpuestos

Estas en el tema de problema divs sobreexpuestos en el foro de CSS en Foros del Web. Hola, estoy aprendiendo css y creandome una página de ejemplo me surge el siguiente problema: Tengo una imagen como cabecera, el codigo css es es ...
  #1 (permalink)  
Antiguo 26/09/2010, 11:11
 
Fecha de Ingreso: septiembre-2010
Mensajes: 8
Antigüedad: 7 años, 3 meses
Puntos: 1
problema divs sobreexpuestos

Hola, estoy aprendiendo css y creandome una página de ejemplo me surge el siguiente problema:

Tengo una imagen como cabecera, el codigo css es es siguiente:
#header{
width: 811px;
height: 173px;
padding: 0px;
margin: 0px;
background: url(../images/cabecera.jpg) top left no-repeat;
}
Luego esta la parte central de la página, con el siguiente codigo:
#main{
width: 811px;
padding: 0px;
margin: 10px;
background-color: #e5e5e5;
}
Y por último tengo el pie, que es otra imagen:
#footer{
width: 811px;
height: 113px;
padding: 0px;
margin: 0px;
background: url(../images/pie.jpg) bottom left no-repeat;
}
El problema es que cuando lo previsualizo, la imagen de la cabecera y la del pie se sobreexponen, se pisan la una a la otra. Donde puede estar el problema?
Ademas cuadno le toco al margin del main, la imagen del pie se meve...me estoy volviendo loco!!!
  #2 (permalink)  
Antiguo 26/09/2010, 12:18
Avatar de juan_14nob  
Fecha de Ingreso: abril-2010
Mensajes: 552
Antigüedad: 7 años, 7 meses
Puntos: 6
Respuesta: problema divs sobreexpuestos

te ayudo a resolver el problema pero pone el codigo HTML con el estilo

saludos
  #3 (permalink)  
Antiguo 26/09/2010, 12:53
 
Fecha de Ingreso: septiembre-2010
Mensajes: 8
Antigüedad: 7 años, 3 meses
Puntos: 1
Respuesta: problema divs sobreexpuestos

Llevas razón, el código html es este:

<body>
<div id="container">
<div id="header">
</ div>
<div id="main">
Aqui va el contenido principal de la pagina.
</ div>
<div id="footer">
</ div>
</ div>
</ body>
  #4 (permalink)  
Antiguo 26/09/2010, 14:55
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: problema divs sobreexpuestos

Hola:

No he entendido muy bien cual es tu problema, pero échale un vistazo a este ejemplo de Mikmoro, creo que te servirá.

Saludos.

  #5 (permalink)  
Antiguo 26/09/2010, 15:38
 
Fecha de Ingreso: septiembre-2010
Mensajes: 8
Antigüedad: 7 años, 3 meses
Puntos: 1
Respuesta: problema divs sobreexpuestos

El problema que tengo es que cuando abro mi html, las dos imágenes, la de la cabecera, y la del pie de página, me aparecen la una sobre la otra, concretamente la del pie encima de la imagen de la cabecera. Os pongo el codigo de toda la página para que lo podais probar y veais lo que pasa (he sustituido las imagenes por colores de fondo):


<!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>
<style type="text/css">
body{
text-align: center;
background-color: #fff;
}

#container{
margin: 4px auto;
width: 811px;
text-align: left;
}

#header{
width: 811px;
height: 173px;
padding: 0px;
margin: 0px;
/*background: url(../images/cabecera.jpg) top left no-repeat;*/
background-color: #f00;
}

#main{
width: 811px;
padding: 0px;
margin: 10px;
background-color: #e5e5e5;
}

#footer{
width: 811px;
height: 113px;
padding: 0px;
margin: 0px;
/*background: url(../images/pie.jpg) bottom left no-repeat;*/
background-color: #00f;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
</ div>
<div id="main">
Aqui va el contenido principal de la pagina.
</ div>
<div id="footer">
</ div>
</ div>
</body>
</html>
  #6 (permalink)  
Antiguo 27/09/2010, 09:26
Avatar de anacona16  
Fecha de Ingreso: marzo-2010
Ubicación: Bogota DC
Mensajes: 610
Antigüedad: 7 años, 9 meses
Puntos: 50
Respuesta: problema divs sobreexpuestos

No veo necesario meter los tres divs (header, main y footer) dentro de otro (container) yo no lo hago y funciona bien.
  #7 (permalink)  
Antiguo 27/09/2010, 09:33
 
Fecha de Ingreso: septiembre-2010
Mensajes: 8
Antigüedad: 7 años, 3 meses
Puntos: 1
Respuesta: problema divs sobreexpuestos

Ya he solucionado el problema, era tan tonto, como no dejar ningun espacion entre </ y div>

Gracias a toodos

Etiquetas: Ninguno
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 08:39.