Hola todos, espero me puedan ayudar, tengo un problema con mi pagina, el header se corta al momento que hago la pantalla más chica y no se ve bien mi menú.
espero me puedan ayudar les dejo aquí una captura de pantalla para que vean mi problema y los códigos.
espero me puedan ayudar.
Este es mi css
Código:
header{position:relative;
magin:0 auto;
display:block;
padding:0 0 0 0;
background-image:url(images/index/barra_menu.png);
height:92px;
width:100%;
}
footer{padding:0 0 0 0; width:100%;}
body,div,ul,ol,li{ margin:0; padding:0;}
html,body { margin:0; padding:0; width:100%; height::100%}
/* Contenido */
#contenido {
position: relative;
width: 100%;
min-width:200px;
max-width:1024px;
height: 100%;
z-index: 50;
top: 0px;
margin: 0 auto;}
/* Menu */
#menu_top{
height: 92px;
width: 980px;
position: relative;
left: 0px;
top: 0px;
margin: 0 auto;
padding: 0 0 0 0;
}
#menu_desplegable{ height: 91px;
width: 752px;
position: absolute;
left: 225px;
top: 0px;}
#logo {
position: absolute;
width: 210px;
height: 64px;
top: 20px;
background-image: url(images/index/logotipo.png);
left: 6px;
}
y este es mi html:
Código:
<body>
<!--inicia header-->
<header>
<!--inicia menu principal-->
<div id="menu_top">
<a href="index.html"> <div id="logo"></div></a>
<div id="menu_desplegable">
<ul id="nav">
<li><a href="espanol/La_empresa.html">NOSOTROS</a></li>
<li><a class="hsubs" href="espanol/La_villa_instalaciones.html"> RAFTING Y ACTIVIDADES</a>
<ul class="subs">
<li><a class="sub" href="espanol/villaecoturistica_instalaciones.html">INSTALACIONES</a></li>
<li><a class="sub" href="espanol/programas_rafting_rios.html">PROGRAMAS</a></li>
<li><a class="sub" href="espanol/villaecoturistica_actividades.html">ACTIVIDADES</a></li>
<li><a class="sub" href="espanol/villaecoturistica_mapa.html">MAPA DE UBICACIÓN</a></li>
</ul>
</li>
<li><a class="hsubs" href="espanol/servicios_viajes_escolares.html">VIAJES ESCOLARES</a>
<ul class="subs">
<li><a class="sub" href="espanol/campamento_escolar.html">CAMPAMENTO ESCOLAR</a></li>
<li><a class="sub" href="espanol/dinosaurios.html">DINOSAURIOS</a></li>
<li><a class="sub"href="espanol/selva_lacandona.html">SELVA LA CANDONA</a></li>
<li><a class="sub" href="espanol/cuetzalan.html">CUETZALAN</a></li>
<li><a class="sub" href="espanol/cofre_de_perote.html">COFRE DE PEROTE</a></li>
<li><a class="sub" href="espanol/catemaco.html">CATEMACO</a></li>
<li><a class="sub" href="espanol/campamento_integracion.html">INTEGRACIÓN PARA PROFESORES Y EGRESADOS</a></li>
<li><a class="sub" href="espanol/diplomado_turismo.html">DIPLOMADO "TURISMO DE AVENTURA"</a></li>
</ul>
</li>
<li><a class="hsubs" href="espanol/servicios_empresariales_servicios.html">VIAJES EMPRESARIALES</a>
<ul class="subs">
<li><a class="sub" href="espanol/campamento_integracion.html">TEAM BUILDING</a></li>
<li><a class="sub" href="espanol/mi_desafio.html">MI DESAFÍO</a></li>
</ul>
</li>
<li><a class="hsubs" href="espanol/servicios_viajes_expediciones.html">VIAJES Y EXPEDICIONES</a>
<ul class="subs">
<li><a class="sub" href="espanol/programas_rafting_rios.html">RAFTING</a></li>
<li><a class="sub" href="espanol/Programas_enduro.html">ENDURO</a></li><li><a class="sub" href="espanol/Expediciones_mtbike.html">MTBIKE</a></li>
<li><a class="sub" href="espanol/bolivia.html">BOLIVIA</a></li>
<li><a class="sub" href="espanol/india.html">INDIA</a></li>
<li><a class="sub" href="espanol/marruecos.html">MARRUECOS</a></li>
<li><a class="sub" href="espanol/selva_lacandona.html">SELVA LA CANDONA</a></li>
</ul>
</li>
<li><a href="espanol/promociones.html">PROMOCIONES</a></li>
<li><a href="espanol/contacto.html"> CONTACTO</a></li>
</ul>
</div>
</div>
<!--termina menu principal-->
</header>
<!--termina header-->
</body>
y se ve de esta forma
