Foros del Web » Creando para Internet » CSS »

Posicionamiento negativo de un elemento y sus efectos en el body

Estas en el tema de Posicionamiento negativo de un elemento y sus efectos en el body en el foro de CSS en Foros del Web. Buenas a todos! Esta es mi primera consulta al foro y espero que sepan orientarme puesto que soy un diseñador novato. Paso a plantear el ...
  #1 (permalink)  
Antiguo 05/02/2015, 04:26
 
Fecha de Ingreso: febrero-2015
Ubicación: Lima
Mensajes: 1
Antigüedad: 9 años, 2 meses
Puntos: 0
Pregunta Posicionamiento negativo de un elemento y sus efectos en el body

Buenas a todos!
Esta es mi primera consulta al foro y espero que sepan orientarme puesto que soy un diseñador novato. Paso a plantear el tema claramente:
- Estoy diseñando un menú desplegable con java script.
- He insertado un elemento <nav> en el html y en css le he dado un estilo top: -245px.
- En el java script he programado un elemento <img> de la cabecera para que al darle click se anime el <nav> y pase a tener top: 0px (en un lapso de 200).
- También en java script programé el comportamiento inverso (al darle click a una img "X" ubicada en un <li> del <ul> del <nav>, el <nav> vuelve a su top: -245px, con lo que desaparece de la pantalla).
Hasta aquí todo bien, ambos botones funcionan bien y todo se mueve como debe. El problema surge cuando me percato que al final del <body> este considera los 245px escondidos del <nav> y me aparece un espacio en blanco debajo del footer y de considerables dimensiones que afea mucho el diseño.
Si alguien me puede orientar indicándome un tip para evitar este comportamiento se los agradecería.
Saludos
  #2 (permalink)  
Antiguo 05/02/2015, 06:56
 
Fecha de Ingreso: julio-2010
Ubicación: A Coruña
Mensajes: 505
Antigüedad: 13 años, 8 meses
Puntos: 60
Respuesta: Posicionamiento negativo de un elemento y sus efectos en el body

al nav tienes que darle un "position: absolute"
__________________
http://zeromm.es/
Diseñador Web | Experto en Responsive Design, CSS3 y Optimización Web.
  #3 (permalink)  
Antiguo 06/02/2015, 20:41
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Posicionamiento negativo de un elemento y sus efectos en el body

Es una explicación muy rocambolesca. Para un futuro, mejor es que pongas el código también, por mucho que esté claro que el problema es que no sabes que mover un elemento en posición relativa lo mueve de donde está dejando el espacio que ocupaba.
__________________
(:

Etiquetas: body, java, negativo, posicionamiento
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 20:39.