Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Superponer elemento de posicion estatica a uno de posicion absoluta

Estas en el tema de Superponer elemento de posicion estatica a uno de posicion absoluta en el foro de CSS en Foros del Web. Hola gente! mi nombre es Tincho, un gusto! Tengo un problema que no puedo solucionar... el titulo lo dice, necesito que mi div "articulo" se ...
  #1 (permalink)  
Antiguo 23/03/2013, 16:34
 
Fecha de Ingreso: marzo-2013
Mensajes: 6
Antigüedad: 11 años, 8 meses
Puntos: 0
Pregunta Superponer elemento de posicion estatica a uno de posicion absoluta

Hola gente! mi nombre es Tincho, un gusto!
Tengo un problema que no puedo solucionar...
el titulo lo dice, necesito que mi div "articulo" se superponga a mi "aside" estando en "position:" static y absolute respectivamente (anteriormente asignado el "position: relative;" al div "contenido") porque quiero el "articulo" en estatico? porque ya intente ponerlo tambien en absolute (y usando z-index) y el efecto se logro, pero mi div "contenido" se achica por no tener "nada" adentro. quizas lo que digo no es posible jaja, si existe otra forma de solucionarlo tambien me viene bien

Código:
#contenido
{
    width: 952px;
    margin: 0 auto;
    background-color: #b7b7b7;
    box-shadow: 0px 0px 30px #000;
    padding: 0px 15px 15px 15px;
    position: relative;
}

/* en el HTML el div "articulo" y el "aside" estan dentro del div "contenido" */

#articulo
{
    background-color: #fff;
    width: 670px;
    border-radius: 15px;
    box-shadow: 0px 0px 5px #666;
    padding: 10px 20px 20px 20px;
}

aside
{
    font-family: bebas;
    font-size: 25px;
    color: #fff;
    margin-top: 20px;
    margin-right: 15px;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0; 
}
Esta es la pagina, para que puedan apreciar mejor lo que digo
[URL="http://tinchorz.260mb.org/"]http://tinchorz.260mb.org/[/URL]

Perdon si lo que digo es disparatado o de ignorante, es mi primer maquetado, de a poco ire avanzando supongo! jajaj

un abrazo
Gracias de antemano!
  #2 (permalink)  
Antiguo 24/03/2013, 00:30
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 4 meses
Puntos: 2114
Respuesta: Superponer elemento de posicion estatica a uno de posicion absoluta

Bienvenido al foro TinchoRz.

Precisamente z-index sólo funciona cuando el elemento no está en una posición estática. Lo que puedes hacer, es darle una posición relativa, ya que así tomará z-index pero seguirá dentro del flujo natural del documento.

Código CSS:
Ver original
  1. position: relative;
  2. z-index: 9;
  #3 (permalink)  
Antiguo 24/03/2013, 02:35
 
Fecha de Ingreso: marzo-2013
Mensajes: 6
Antigüedad: 11 años, 8 meses
Puntos: 0
Respuesta: Superponer elemento de posicion estatica a uno de posicion absoluta

Gracias Bonez!

Era justo lo que necesitaba, si queres podes fijarte en la web el resultado, quedo muy bien, ahora a seguir batallando con las demas cosas jajaj

http://tinchorz.260mb.org/

un abrazo
Gracias por la respuesta!

Etiquetas: position, relative, static, superponer
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 02:24.