Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Superposición de dos divs

Estas en el tema de Superposición de dos divs en el foro de CSS en Foros del Web. Hola a todos y gracias por adelantado. Tengo 2 elementos, el <header> y el <article> y asignandoles los 2 estilos siguientes se me superponen en ...
  #1 (permalink)  
Antiguo 17/10/2014, 05:11
 
Fecha de Ingreso: julio-2008
Mensajes: 41
Antigüedad: 15 años, 8 meses
Puntos: 2
Superposición de dos divs

Hola a todos y gracias por adelantado.

Tengo 2 elementos, el <header> y el <article> y asignandoles los 2 estilos siguientes se me superponen en lugar de colocarse uno a continuación del otro, ¿como puedo solucionarlo?

Código:
header {
	height:600px;
	width:100%;
	display: block;
	position:absolute;
	}

article {
	width: 1201px;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	background-color: #FFF;
	border: thin solid #CCC;
	padding: 14px 14px 11px 14px;
	display:block;
	}
Muchas gracias!
  #2 (permalink)  
Antiguo 17/10/2014, 08:24
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 7 meses
Puntos: 2114
Respuesta: Superposición de dos divs

Pues eso pasa por usar la posición absoluta. ¿Para qué quieres usar una posición absoluta?
__________________
(:
  #3 (permalink)  
Antiguo 20/10/2014, 01:55
 
Fecha de Ingreso: julio-2008
Mensajes: 41
Antigüedad: 15 años, 8 meses
Puntos: 2
Respuesta: Superposición de dos divs

Desconozco el por que, pero si no pongo la posición absoluta el div se me desplaza unos 10px (así a ojo) hacía abajo respecto a la parte superior de la página, es decir en lugar de ajustarse a la parte superior de la web me deja un espacio en blanco arriba.

Soluciono una cosa y me jode otra, me tiene frito...

Ya he apadido el *{margin:0;padding:0;} pero no me modifica nada, me sigue saliendo el primer div unos pixeles más abajo de donde debería ir.

Última edición por Bargath; 20/10/2014 a las 05:06
  #4 (permalink)  
Antiguo 20/10/2014, 05:38
 
Fecha de Ingreso: julio-2008
Mensajes: 41
Antigüedad: 15 años, 8 meses
Puntos: 2
Respuesta: Superposición de dos divs

Ya lo he solucionado, había un elemento dentro del header que hacía heredar a este un margin top de 15 px al div entero, muchas gracias igualmente, lo de las posiciones me ha ayudado a solucinar el problema.

Etiquetas: background, color, divs, width
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 01:45.