LRADRIZ
Usuario Novato
Usuario Novato

Hola tengo hecho un menu desplegable en html5 y css3, tengo el inconveniente que cuando se despliegan las pestañas del menu, el div de contenido de abajo se mueve mas abajo aun. Como hago para que el menu quede arriba del div.
Pego los codigos:

PHP

ul#menu-horizontal li {
margin-top:3%;
margin-right:3%;
float: right;
display: inline;
position: relative;}

#menu-horizontal ul {
background:#E6E6E6;
border:#999 solid 1px;
display: none;
position: relative;
top: 10px;
margin:0;
padding:0;

}

#menu-horizontal ul li{
display: block !important;


}
#menu-horizontal ul li:hover {
    border-bottom: none;
    
}

#menu-horizontal li:hover ul{
display: none;
display: block;

}



#menu-horizontal {
width:100%;
margin:auto;
}

#menu-horizontal li {
margin:0.3%;
width:10%;
text-align:center;
list-style:none;
padding:1% 0;
font:0.95em Arial;

}

/* y otro poquito por aquí.. */

#menu-horizontal li:hover {
border-bottom:#09C solid 10px;
}

#menu-horizontal li a {
color:#09C;
text-decoration:none;

}

#menu-horizontal li ul li{
float:none;
width:20%;
}
#formulario
{
    width: 80%;
    height: auto;
    background-color: rgba(0,0,0,0.5);
    position: relative;
    font:Arial, Helvetica, sans-serif;
    size: 1.3em;
    margin: auto;
    clear: both;
    padding: 2%;
    text-align: left;
}

HTML

Spoiler:

<div id="formulario">
<span class="contactotitulo">Contacto</span>
<form id="form1" name="form1" method="post" action="enviar.php">
<p>Nombre y Apellido<br>
<input name="nombre" type="text" id="nombre" size="50" maxlength="50" />
<br />

Telefono<br>
<input name="telefono" type="text" id="telefono" size="50" maxlength="50" />
<br />
E-mail<br>
<input name="email" type="text" id="email" size="50" maxlength="100" />
<br />
</p>
<p>Seleccion el area correspondiente</p>
<p>
<input type="radio" name="Departamento" value="[email protected]" id="Departamento_0" />
HOTMAIL
<input type="radio" name="Departamento" value="[email protected]" id="Departamento_1" /> GMAIL</p>
<p> <br />
Mensaje<br>
<textarea name="mensaje" id="mensaje" cols="49" rows="5"></textarea>
<br />
<br />
<input type="submit" name="enviar" id="enviar" value="Enviar" />
</label>
</form>
</div>


ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
TemaUsuariosRespuestasVisitasActividad
Por: , el 19/Dic/2010, 14:25
josema_25 chavp GestionXls32kDec/10
Por: , el 01/Dic/2009, 18:48
Rocambole chavp104kDec/09
Por: , el 05/Jun/2007, 18:06
Ruben_qlc chavp14kJun/07
Por: , el 03/Nov/2003, 22:28
jmigue83 chavp Trebor_1989 User 479801 1K3R1129kNov/03
Por: , el 03/May/2003, 11:48
Chad_Smith -ToNy- -ArgentinO-54kMay/03