No puedo alinear capas.

fackius · #1 (**permalink**) 01/05/2010, 11:42

Hola, estoy teniendo un problema para alinear la capa del menu con la del contenido.

El problema es que en la parte de abajo quedan desalineadas.

Por ejemplo
(Las "x" significan que hay contenido...Los "-" significa que hay contenido.)
MEnu Contenido <---div de menu float:left contenddo float:right
xxxxx xxxxxxxxx
xxxxx xxxxxxxxx
xxxxx xxxxxxxxx
xxxxx xxxxxxxxx
----- xxxxxxxxx
----- xxxxxxxxx
-----------------
xxxxxxxxxxxxxxxxx <-- div que contiene el Clear:both;

Aqui les muestro el codigo.
DEntro de los divs menu y contenido hay otros divs. Y quizas una informacion termina antes que la otra. Pero aun asi.quiero que el background de los divs del menu y contenido lleguen al final, osea que queden alineados.

Esto tengo en CSS.

Código CSS:

Ver originalbody{
margin:0 auto;
text-align:center;
background-color:#000;
font-family: "New Century Schoolbook", Times, serif;
font-size:14;
height:100&#37;;
width:100%;
}
 
#general{
margin:auto;
position: relative;
text-align:center;
width:900px;
background-image:url(img/pixel.png);
background-repeat:repeat;
overflow:auto;
}
 
 
#menu{
position: absolute;
background-image:url(img/lineaMenu.png);
background-repeat:repetat-y;
margin:auto;
float:left;
width:250;
}
 
#contenido{
margin:0 auto;
float:right;
width:550px;
background-image:url(img/contMiddle.png);
}
 
#break{
clear:both;
margin:0 auto;
}

y en HTML tengo esto

<body>
<div id="general">
<div id="menu">
Esta parte solo contiene botones. En caso de que el div de contenido sea mas grande que este div. este debe rellenar el espacio que sobra con el backgrund. Y biceversa en caso que el contenido sea menor al menu
</div>
<div id="contenido">
ACa va el contenido. varia en distintas secciones
</div>
<div id="break">
 
</div>

</div>
</body>

No se porque me esta fallando. Con overflow me ha funcionado. Pero hoy no esta funcionando.

Agradezco soluciones ;D

*************************************EDICION
Ahora que me doy cuenta. El div de break se lo debo sacar
Porque el contenido de la web solo estaria maquetada para menu y contenido.

Si dan una solucion sin el break con el clear:both les agradeceria.

tonydelpinogz · #2 (**permalink**) 02/05/2010, 04:09

¿Quiéres que el texto que has introducido en las capas se ajuste automáticamente con la altura?

hades87 · #3 (**permalink**) 02/05/2010, 07:34

La verdad que no me acaba de quedar muy claro el problema, podrías poner la web o alguna imagen?

anfergon · #4 (**permalink**) 03/05/2010, 13:33

Hola:

Hace tiempo tuve el mismo problema y la solución la encontré en esta página. Mira en http://www.forosdelweb.com/f53/aporte-columnas-equilibradas-628274/.