Problema de alineación con la cabecera

[linternazo]

Hola chavales,

Tengo otro problema con la cabecera de la web. A ver si alguno sabe que puede ser.


Mi web esta formada de la siguiente manera:

· Un div container centrado de 1000px donde va toda la informacion.
· Un div cabecera de 1000 px.
· Otros 2 divs dentro de cabecera de 500 px y alineados a la izda y derecha.

Mi problema es que estos dos divs no se me muestran a la misma altura. He probado con diferentes positions, diferentes tops y nada...

Puede que el problema sea la estructura en sí y no tenga que usar tantos divs... que me decis?

Así deberia quedar mi web:



Sin embargo, queda así:



Este es el codigo CSS:

#container
{
width: 1000px;
margin: 0 auto;
}


#cabecera
{
height: 30px;
}


#subcabecera1
{
position: relative; width: 500px;
}


#subcabecera2
{
position: relative;
left: 500px;
width: 500px;
}


Muchas gracias de antemano.

[Flow89]

Lo que tienes que hacer es alinear uno a la izquierda y el otro dejarle libre.

Te paso un post que te guiará y espero que tu solo puedas resolver tu problema, sino te echamos una manilla.

http://www.araudi.net/migracion/migracion_sin_dolor.html

Espero te sirva. Vete al bloque 3

[lea90]

Yo te diria que pruebes con Float left en las subs cabeceras en vez de relative.

Saluds

[linternazo]

Si, era tema del float.

Muchas gracias, sois unos máquinas!