[Resuelto] resolucion ventana css

asdexiva · 2 Marzo 2016, 03:27 AM

<html>
	<head>
		<title>Menu Desplegable</title>
		<link rel="stylesheet" href="estilos.css">
	</head>
	<body>
		<div id="header">
			<nav>
				<ul class="nav">
					<li><a href="">Inicio</a></li>
					<li><a href="">Nuestra universidad</a>
						<ul>
							<li><a href="">Submenu1</a></li>
							<li><a href="">Submenu2</a></li>
							<li><a href="">Submenu3</a></li>
							<li><a href="">Submenu4</a>
								
						</ul>
					</li>
					<li><a href="">oferta educativa</a>
						<ul>
							<li><a href="">Submenu1</a></li>
							<li><a href="">Submenu2</a></li>
							<li><a href="">Submenu3</a></li>
							<li><a href="">Submenu4</a></li>
						</ul>
					</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>
				</ul>
			</nav>
		</div>
	</body>
</html>

Código (css) [Seleccionar]

	
			* {
				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

queda asi cuando redusco la ventana

si me pudieran ayudar a solucionar esto ,gracias

basickdagger · 2 Marzo 2016, 07:50 AM

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:

Código (css) [Seleccionar]


.nav{

    min-width: 1000px;
    
  }

asdexiva · 2 Marzo 2016, 16:53 PM

muchisimas gracias eso era

Test Foro de elhacker.net SMF 2.1

[Resuelto] resolucion ventana css

asdexiva

basickdagger

asdexiva