<link rel="stylesheet" href="estilos.css"> <li><a href="">Inicio
</a></li> <li><a href="">Nuestra universidad
</a> <li><a href="">Submenu1
</a></li> <li><a href="">Submenu2
</a></li> <li><a href="">Submenu3
</a></li> <li><a href="">Submenu4
</a>
<li><a href="">oferta educativa
</a> <li><a href="">Submenu1
</a></li> <li><a href="">Submenu2
</a></li> <li><a href="">Submenu3
</a></li> <li><a href="">Submenu4
</a></li> <li><a href="">Marco juridico
</a></li> <li><a href="">autoridares colegiadas
</a></li> <li><a href="">investigacion
</a></li> <li><a href="">cultura
</a></li> <li><a href="">deportes
</a></li>
* {
margin:0px;
padding:0px;
}
#header {
margin-top:0px auto;
width: 100%;
overflow: hidden;
height: 150px;
position: fixed;
z-index: 100;
}
ul, ol {
list-style:none;
}
.nav {
top:-20px;
position: absolute;
left:190px;
right:0;
margin:20px auto;
max-width:1000px;
width:90%;
}
.nav > li {
float:left;
}
.nav li a {
background-color:#FFD331;
color:#fff;
text-decoration:none;
padding:10px 12px;
display:block;
}
.nav li a:hover {
background-color:#082C63;
}
.nav li ul {
display:none;
position:absolute;
min-width:140px;
}
.nav li:hover > ul {
display:block;
}
.nav li ul li {
position:relative;
}
.nav li ul li ul {
right:-140px;
top:0px;
}
alguien sabe por que el menu no se queda asi cuando redusco la ventana del chrome
(https://1.bp.blogspot.com/-PSIevQhaOiQ/VtZO_NcEYyI/AAAAAAAAAds/XQkTeKcYT-U/s1600/1.PNG)
queda asi cuando redusco la ventana
(https://1.bp.blogspot.com/-FOtlmw6Rv-A/VtZO_zVKt2I/AAAAAAAAAdw/pWZbAA2k1uc/s1600/2.PNG)
si me pudieran ayudar a solucionar esto ,gracias
pq estas utilizando porcentajes
y ademas colocas un max-width peor no un min-width por lo tanto el navegador da por hecho que no importa que tan chico mientras no se pase de grande xD
solo cambia la linea de max-width por min-width:
.nav{
min-width: 1000px;
}