Divs horizontales con color de fondo.

[ellgon]

Buenos días, acabo de comenzar un proyecto personal y me están surgiendo dudas sobre CCS, a ver si alguien puede echarme una mano.

Tengo, resumiendo, el siguiente código html

Código HTML:

<div id="cabecera">
  <div id="logo">
    ..........
  </div>
  <div id="menu">
    ..........
  </div>
</div> 

Y el CSS es el siguiente

Código:

#cabecera{
  display:block;
  background-color:#000000;
  color:#FFFFFF;
}
#cabecera #logo{
  float:right;
  overflow:hidden;
  text-align:center;
}
#menu{
  float:left;
  margin:35px 25px;
  list-style:none;
}

Básicamente quiero poner un menú y a la derecha una imagen, sobre un fondo de color negro.

El problema es que no me coge el background-color aunque si me coge el color de la fuente. ¿Alguna ayuda o explicación para esto?

Muchísimas gracias y un saludo

[juansemaster]

<div class="cabecera">
<div class="logo">
..........
</div>
<div class="menu">
..........
</div>
</div>


listo

[ellgon]

Muchas gracias por responder :) si no recuerdo mal, ayer estuve probando cambiar los identificadores por clases y tampoco me funcionó, pero lo vuelvo a intentar y comento qué tal ha ido.

[RabidFish]

Hola.

No entendí la respuesta de juansemaster, la verdad no cambiaría en nada (ni funcionaría dejando el CSS con los numerales) y es correcto que hayas usado identificadores en ese caso y no clases.
Por lo que veo no le estás dando ni ancho ni altura a la capa contenedora, y no se muestra nada. Si le añades, por ejemplo, height:200px; a la capa cabecera ya deberías ver el fondo negro. Si esto no te sirve, sería bueno que brindes el código completo.

Un saludo.

[ellgon]

Efectivamente Rabidfish, tienes razón. Poniendo el height ya aparece como quiero. Muchísimas gracias, es la típica tontería por la que ayer perdí una tarde entera

[RabidFish]

Me alegro que te haya servido, ellgon.

Saludos.