problemas de divs de 2 columnas

[esaenz22]

gracias por responder.

en lo que te pregunte sobre el tamaño del boceto, cuando hice divs de 2 columnas, el primer div de columna izquierda que tenia ancho de 170px y el div de columna derecha tenia un ancho de 100%. pero cuando reduci el tamaño de la ventana del navegador, el div de la columna derecha se desplazo hacia abajo.

alli me dijiste que cuando un elemento no encuentra lugar simplemente "baja" hasta que lo encuentre.

en este caso, que dimensiones puedo trabajar ?.

este es mi css.

Código CSS:

div#contenido_panel{
    width:100%; 
    height:800px;
    margin:0 auto;
}
 
div#column_izquierda{
    width:150px;
    height:100%;
    float:left;
    overflow:hidden;
}
 
div#column_derecha{
    width:400px;
    height:auto;
    float:left;
    overflow:hidden;
    padding-left:2px;   
}
 

el html.

Código HTML:

<div id="contenido_panel">
<div id="column_izquierda">texto</div>
<div id="column_derecha"> 
  <div id="titulo_fecha">Fecha: Jueves 18 de marzo de 2010 </div>
</div>
</div>
 

en la 2da pregunta que he planteado.

- por regla, cuando uno maqueta una web, es necesario colocar el contenedor principal y despues colocar los demas contenedores o no tiene que ser necesariamente asi.

osea, si yo coloco un div contenedor y dentro de el div coloco la cabecera, el cuerpo y el pie o el footer, necesariamente se debe seguir ese orden o yo puedo colocar primero la cabecera y despues el div contenedor, el cuerpo y despues el footer.

saludos.