Duda facil de maquetacion

[morphoide]

Es algo que seguro que sabeis, pero yo novato en esto no se como solucionarlo, la maquetacion de mi web es asi:

Código:

  <div id="cuerpo">
    <div id="menu">
    </div>
    <div id="principal">
    </div>
  </div>

Entonces, consigo estructurar todo bien, pero la capa cuerpo que deberia ser el fondo de menu y principal no sale bien, es que ni siquiera sale esa capa. No engloba bien a las otras dos.

basicamente lo mas importante es esto:

#cuerpo {
clear:both;
background-color:#F00;
margin:auto;
border: 1px solid #000;
padding:10px;
}

#menu {
float:left;
width:176px;
background-color:#332e38;
border:1px solid #000000;
padding:10px;
}

#principal {
float:right;
width:546px;
padding:10px;
background-color:#332e38;
border:1px solid #000000;
}

PD: no quiero tocar el html, lo digo porque ya he contemplado la opcion de poner <br clear="all">

Si montais la web, la capa que yo quiero que funcione bien la he puesto en rojo, para que se vea.

[Gaby_Corr]

hola, mira yo tampoco soy experta pero aki andamos

intenta con esto a ver q tal

width: 722px;
height: auto;
position:relative;
espero q resulte lo que quieres hacer, sino alguien aki te puede ayudar mas-

[fearlex]

Ok, tu codigo esta bien excepto algo, como regla general:

cuando usas float en tu codigo, SIEMPRE tendras que hacerle un clear al contenedor para que sepa que es lo que contiene. y lo estas haciendo de pero forma incorrecta: con un clear:both aplicado a tu #cuerpo no haces nada, lo que yo hago es poner un

Código:

<div id="cuerpo">
    <div id="menu">
    </div>
    <div id="principal">
    </div>
<div class="clear"></div>
  </div>

y en el CSS:

Código:

.clear
{
 clear:both;
}

eso hara que el cuerpo cubra a los dos divs flotantes.

Saludos