Div de principiantes

[fedefrankk]

Hola a todos, tengo 3 div, en el 1º de ellos busco un nombre y se desplega otro div nº2 y este ultimo no quiero que me desplase al 3º para abajo, quiero que se superponga.

Antes del 1º div, tengo otros div que son la portada..

dejo una imagen de lo que quiero hacer, y porfa no me mand a googlear que ya lo hecho y como no se bien estoy pegando codigo y borrando como tonto...
en lo posible seria buneno una mano..




Espero que se entienda lo que necesito
gracias de antemanosaludos a todos
fede

[pzin]

Busca en Google.

Es broma. ¿Qué es lo que no sabes hacer exactamente? Es sólo cuestión de usar posiciones relativas, absolutas y z-index.

[fedefrankk]

Hola, gracias por contestar, ese es el tema las posiciones, cual usar, mas o menos por lo que me has escrito ahora empiexzo a buscar los significados, el z-index para que se usa?. estoy armando una pagina, y por ejemplo empiezo asi:

Código CSS:

html, body{ 
    margin:0px;
    padding:0px;
}
 

la que contiene toda la web

Código CSS:

.pagina{
    width:1030px;
    height:auto;
    margin-right:auto;
    margin-left:auto;
    margin-top:0px;
    padding:0px;
}
 

encabezado

Código CSS:

.encabezado1{
    background:url(../images/bg_pantalla.png) no-repeat top left;
    width:1030px;
    height:102px;
    position:relative;
    float:left;
    margin:0px;
}
 

el tema que despues del encabezado va el div azul y se despliega el amarillo
dentro del verde es una galeria de imagenes

y me lovidava el pie, que se dice footer...

El tema de las resoluciones tome en cuenta que es muy poca la gente que usa 1020x680... y le he puesto 1030px.. le podria poner un poco mas..

Bueno muchas gracias por tu repuesta, cualquier cosa me avisas
saludos
fede


busca en google--- jajaja.. estoy podrido ya que hay tanta info que uno se marea..
saludos

[herzbazi]

si quieres un curso para aprender html y css basico intermedio, con gusto te lo regalo a mi ya no me sirve. te lo mande al privado

[pzin]

z-index se usa para controlar la superposición de los elementos, pero sólo funciona en elementos cuya posición no sea estática, así que puedes usar una posición relativa. Aunque también puedes poner el elemento azul y amarillo dentro del verde y aplicándoles una posición relativa moverlos hacia arriba usando top: -50px. Hay varias formas de conseguirlo.