Capas que se mueven al redimensionar

[gogupe]

Hola tengo el siguiente código de css... lo que me ocurre es que cuando se redimensiona la capa derecha se pone abajo del izquierdo.

¿como puedo solucionar esto ?

Muchas gracias a todos.

Código:

#contenedor_panel
	{
		position:absolute;
	    padding:20px;
		margin-top:20px;
		border:1px solid;
		background-color:#ffffff;

	}

#contenedor_panel_izq
	{
        float:left;
		padding:5px;
		border-right:0px solid;
		border:1px solid;
	}

#contenedor_panel_der
	{
		float:right;
		border-left:1px solid;
		padding-left:10px;
		margin-left:10px;
	}

[exxqizofrenicoo]

el tema es que los hijos no pueden ocupar mas que el padre por eso se pasa hacia abajo el de la derecha.

si quieres que se ensanche tendria que ensancharse tambien el padre o achicarse el de la izquierda siempre teniendo en cuenta que la suma de los hijos (borde, ancho, margin, padding) no sea mas que el ancho del padre menos su padding

[gogupe]

A veces esto de css, para una cosa sencilla, se hace un mundo, con lo que tu me has dicho, eso me implica que tengo que poner el contenedor un ancho fijo ?

Gracias.

[exxqizofrenicoo]

proba con ponerle un width:auto;
tenes que tener cuidado si tenes algun padre de todo esto con ancho fijo.
lo mejor para probar estas cosas es con firebug asi vas viendo como se comporta el css.
Saludos

[kseso?]

Por definición y naturaleza, un elemento de bloque ocupará TODO el espacio (anchura) que tenga a su disposición, excepto que su anchura haya sido definida.

Así que en como en su código no marca ningún width para #contenedor_panel_izq y #contenedor_panel_der éstos ocuparán todo el ancho de #contenedor_panel

Todo lo anterior, supeditado a cómo tenga el marcado en el html.