alineación a la derecha de un menú dinámico.

[xurxinho]

yo tengo este menu dentro de un div otro div (#contenedor) que ocupa el 100%. El problema es que tengo que alinearlo a la derecha, y no me sirve darle un tamaño puesto que este menú puede incrementarse o decrecer de forma dinámica. Una opción era float:right, pero me invierte el orden de los enlaces.

Código:

<div id="menuhorizontal"> 
    <ul>
      <li> <a href="#">Uno</a> </li>
      <li> <a href="#">Dos</a> </li>
      <li> <a href="#">Tres</a> </li>
      <li> <a href="#">Cuatro</a> </li>
    </ul>
  </div>

El CSS es el siguiente

Código:

#menuhorizontal{
background-color: #333;
border:1px solid #333;
height: 34px;
}
#menuhorizontal ul {
	text-align: center;
	list-style-type: none;
}
#menuhorizontal ul li {
	float: left;
	width: 25%;	
}
#menuhorizontal ul li a {
	padding:1px;
	display:block;
	text-decoration:none;
}

#menuhorizontal a{
	background-color:#fff;
	line-height:34px;
}
#menuhorizontal a:hover{
	background-color:#dadada;
	color:#333;
}

[quinqui]

Holas xurxinho

Yo probé tu código y puse el float:right dentro del estilo de #menuhorizontal y no invirtió los enlaces, ni en IE ni en Firefox, y sí movió la capa hacia la derecha.

Ahora sí, el asunto del ancho de cada LI sí que se ve distinto en uno y otro navegador al darle el float:right: en IE se ven de un ancho similar al de witdh, mientras que en Firefox simplemente no toma en cuenta ese valor. Si les quitas el valor a width creo que podrías hacer que se igualaran un poco más.

Pero ese es otro cuento. Como te digo, prueba lo de poner el right en el estilo general:

Código HTML:

#menuhorizontal{
background-color: #333;
border:1px solid #333;
height: 34px;
float: right;
}

[xurxinho]

Grazas, son un pouco burringán.

puse el float:right sobre la ul y no sobre el elemento que tenía que hacerlo
#menuhorizontal{
background-color: #333;
border:1px solid #333;
height: 34px;
float: right; <-----AQUÍ
}

Luego puse un auto sobre las propiedades width y para saltar la línea del bloque contenedor un <div class="salto"></div> y todo arreglado.

Gracias por despertarme de mi sueño, lo que pasa es que soy mucho de utilizar tablas y me cuesta mucho a adaptarme.