Caja a izquierda mas centro mas derecha, no hace caso...

[Pentaxeros]

Hola, me estoy volviendo un poco "loco", porque estoy tratando de hacer esto:

Código:

<div style="position:fixed; top: 0;width:100%;height:37px;border-bottom: 1px solid #aaa;">
<center>
    <div style="top:0;max-width:1250px;min-width:990px;width:99%;height:36px">
            
            <div style="float:left;width:265px;height:36px">
            MENU IZQ
            </div>
            
            <div style="float:center;width:300px;height:36px;">
            CENTRO
            </div>
            
            <div style="float:right;width:285px;height:36px;">
            MENU DERECHA
            </div>
              
    </div>
</center>
</div>

La cosa, es que quiero un menu superior siempre fijo, que tenga 3 zonas, a la izquierda fijo el MENU IZQ, en el CENTRO un menu central, y a la DERECHA, alineado a la derecha OTRO MENU.
Tambien quiero que el ancho maximo sea 1250px, pero si el navegador es menor que se vayan juntando hasta un minimo de 990px que es el minimo.

Todo esta OK, salvo el de la derecha que siempre se descoloca hacia abajo.
Os pongo un pantallazo del dreamweaver:



No se como hacer para que la caja de la derecha se alinee a la derecha y pegada arriba...

Mi idea es conseguir esto:


Gracias!!!

[Pentaxeros]

Hola, he conseguido "medio" resolverlo, haciendo esto:

Código:

 <div style="max-width:1250px;min-width:990px;width:99%;height:36px">
            
            <div style="float:left;width:265px;height:36px">
            MENU IZQ
            </div>

            <div style="float:center;width:265px;height:36px">
            CENTRO
            </div>
      
            <div style="position:relative; top: -36;float:right;width:285px;height:36px;">
            MENU DERECHA
            </div>
              
    </div>

Le he añadido a la caja de la derecha esto:
position:relative; top: -36;

Pero no se si es la mejor forma... algun experto que me oriente?

Por cierto, cuando lo tenga ok, lo trasladare a CSS puro, pero en las pruebas es lo que estoy peleando.

[Pentaxeros]

Perdon, NO FUNCIONA... :(

En Chrome no hace ni caso y se sigue poniendo abajo...

Alguna idea???

[IsaBelM]

primero te comento esto

• la etiqueta <center> esta desfasada, usa margin: 0 auto;
• float no admite el valor center

ahora vamos a lo que ocupa. el orden en el que pongas los bloques es importante

<div>izquierda</div>
<div>derecha</div>
<div>centro</div>

donde

izquierda es float:left; left:0;
centro es margin: 0 auto;
derecha es float:right; right:0;

[Pentaxeros]

Gracias! Probare y te cuento...

Saludos!