Duda Toogle

[luisfpinto]

Pues verán, tengo lo que vendría siendo una cabecera, en esa cabecera existe un botón que al pulsar se despliega un formulario mediante jQuery a través de la función slidetoggle.

Hasta ahí todo perfecto, la cosa es que al desplegarse el formulario, éste queda por detrás de una imagen que está debajo.

Querría saber cual es la forma de que al pulsar el botón, a parte de desplegar el menú, se empuje el cuerpo de la página para que se pueda ver perfectamente el formulario.

Muchas gracias.

[pzin]

Bienvenido al foro.

Seguramente se trate de un problema de CSS. ¿Tiene ese elemento que se despliega alguna posición absoluta?

[luisfpinto]

Muchas Gracias!

Por defecto, entiendo que viene en posición relativa, aún así he probado y no se cambia.

[pzin]

Por defecto la posición de un elemento es estática.

Pues habrá que ver el código que estés usando. Sobre todo lo relativo al CSS.

[luisfpinto]

Aquí está el CSS:

@CHARSET "UTF-8";

body, html {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

#titulo{text-align:center;
}

#cabecera{
background-color: lime;
color: black;
width: 100%;
height: 40px;

}

#cabecera ul {
padding: 0px;
width: 100%;
height: 100%;
margin-left:5%;
margin-top: 0;
margin-bottom: 0;
}

#cabecera li {
position:relative;
bottom:30%;
float: left;
margin-left:4%;
margin-right:4%;
height: 100%;
list-style: none;
}

#reg {
position:relative;
top:20px;
}


#formulario {
display:none;
margin: 0;
margin-top:20px;
padding: 0;
}


#cuerpo {
background-color: red;
color: black;
width: 100%;
height: 100%;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

[pzin]

Bueno en principio con ese código no debería de ocurrir lo que dices.

¿Lo tienes publicado en algún sitio? ¿O puedes reproducir el problema en jsfiddle.net?

[luisfpinto]

Al final he decidido hacerlo de otra manera. Muchas gracias por todo!