Las capas no respetan su posición inicial

[dominguez]

Hola,

Tengo una capa padre que contiene dos capas hijas, inicialmente consigo que una esté al lado de la otra, pero en determinadas ocasiones una de las capas se pone debajo de la otra.

<STYLE TYPE="text/css">
#menu {float:right}
#contenido {float:left}
#padre {width:100%}
</STYLE>


<div id="padre">
<div id="menu">
CONTENIDO CAPA 1
</div>
<div id="contenido">
CONTENIDO CAPA 2
</div>
</div>

¿Alguien sabe que es lo que está fallando para que las capas no RESPETEN sus posiciones SIEMPRE?

Gracias.

[webosiris]

el problema es que siel conteido de la capa1 ocupa digamos el 80% y el menu ocupa el30% pasa que 80+30 = 110%... como la capa padre solo mide 100%, las 2 capas juntas no entren y una baja. Como comentario al margen ie6 en ciertas condiciones presenta un bug en donde 50+50 (o 60+40, etc)=101

definí los anchos para las capas y no debería de pasarte

PD: por cierto, esto es 100% css, así que muevo tu mensaje a ese foro desde HTML

[dominguez]

Hola,

En primer lugar gracias por el interés. Le he puesto el tamaño en cada capa y en IE 6 lo sigue haciendo mal. Sin embargo, en Firefox las capas mantienen su posición y lo hace bien, pero ahora parte del contenido de la capa de la izquierda "se monta" en la capa derecha. Con parte del contenido me refiero, por ejemplo, a una frase que haya larga, que la mitad es una capa y la otra mitad en la otra.

El bug ese que comentas se puede solucionar?

Gracias.