Hola, estoy probando de alinear correctamente dos divs dentro de una misma div, he buscado probado y de todo, pero, no encuentro la solución.

Mi idea es esta:


Como se puede ver mi intención es meter el DIV B y C dentro del A e intentar alinearlos de esa manera. Yo diría que no se pueden poner dos una al lado de la otra como con las tablas, pero por desgracia soy un incomprendido del CSS y sobretodo de las DIV.

Sé que con flotantes terminaría antes, pero no es esa mi intención.

Mi intención es intentar hacer algo como esto: http://music.google.com/about/tour/, como se puede ver, arriba hay la barra gris (DIV A), el logo a un lado(DIV B) y el menú al otro(DIV C), eso trato de hacer.

Me he comido el coco pensando y probando de todo sin hallar la solución.

Así que, ¿qué puedo hacer?,

Gracias.

¿Y por qué no quieres usar floats? Sencillamente poniendoles float:left;width:50%; y debajo de ellos añadir un div con clear:both; lo tienes solucionado ._.

Es verdad, yo siempre uso float en esos casos, aunque una vez uses float con algún DIV(x) dentro del DIV(A) debes usarlo para el resto de DIV/s que uses dentro, para que no se "sobrepongan" ... o eso es lo que yo persibo en mi humilde opinión de conocimiento básico. XD

A cada div interno le pones:

display:inline-block;
vertical-align:top;

Ya los float como que no.

Tema solucionado.

Explico como he podido alinear verticalmente por si alguien tiene el mismo problema.

Simplemente al div "padre" por decirlo así (en el dibujo seria el A), le ponéis un alto, por ejemplo 50px, ahora al style de tu div "hijo" (en el dibujo seria B o C), le ponéis line-height:50px (que es la altura del div "padre"), de esta manera os quedará en medio.