CSS - Problema con menu.!! :(

 
Vista:

Problema con menu.!! :(

Publicado por kevin guerrero (2 intervenciones) el 29/10/2012 06:17:27
Mi problema es que cuando intento poner la pantalla pequeña el menu se me corre, quiero es que se me quede quieto. y asi este bien pequeña la pantalla el menu no se corra.

HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<header id='cabecera'>
			<nav id='titulo'>
				<h1 >EJEMPLO</h1>
			</nav>
                        <nav id='ContenidoNavegacion'>
				<ul id='menu'>
        			<li><a href="">Empresa</a></li>
        			<li><a href="">Servicios</a></li>
        			<li><a href="">Eventos</a></li>
        			<li><a href="">Galeria</a></li>
        			<li><a href="">Contactanos</a></li>
    			</ul>
			</nav>
</header>


SCC:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
#cabecera{
	width: 100%;
	height: 110px;
	background: #51699A;
}
	#titulo{
		height:90px;
		width: 400px;
		border:red;
		color:white;
		border:solid;
		float:left;
	}
	#menu{
	padding: 0px;
	text-align: center;
	font-weight:bold;
	margin:0px 0px 0px 40px;
	float:left;
}
	#menu li{
		display:inline;
	}
		#menu li a{
			margin:40px 0px 0px 0px;
			background:#51699A ;
			float:left;
			position:relative;
			text-decoration: none;
			color:white;
			width: 130px;
			padding: 8px 0px 8px 0px;
		}
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve
Val: 624
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Problema con menu.!! :(

Publicado por xve (490 intervenciones) el 29/10/2012 09:46:47
Hola Kevin, no se muy bien a que te refieres, pero el #menu lo tienes definido como float (flotante), por lo que en el momento que no quepa, se moverá ya que como he dicho es flotante.
No se muy bien como es tu pagina, pero ponlo por ejemplo con position:absolute de esta manera, nunca se moverá.

Espero que te sirva.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar