largo de pagina variable en funcion del contenido automaticamente

[C2am]

El problema surge de los elementos flotados.
Una solución rápida es flotar también el pie, pero lo mejor es que revises la estructura y limpies los float o directamente que los borres de donde no son necesarios.
Por ejemplo la cabecera no hace falta que este flotada, luego viene el contenido que lo tienes divido en dos: columna izquierda "side bar" y contenido que estan flotadas a la izq y der respectivamente, lo cual es correcto. Pero veo tambien dos "divisiones" que no tienen contenido alguno, es decir que estan de más, no hacen falta. Y luego tienes el pie.

Pasando en limpio, y como sugerencia, que puede ser correcta o no:

Código HTML:

<div id ="contenedor">
 
           <div id="cabecera">
             <!-- contenido de toda la cabecera -->
           </div>
 
           <div id="medio o central etc">
 
                        <div id="sidebar">
                                 <!-- contenido de la columna izquierda o sidebar -->
                        </div>
 
                        <div id="contenido">
                                <!-- contenido principal de la pagina -->
                        </div>
 
           </div>
 
          <div id="pie">
               <!-- contenido pie -->
          </div>
 
</div>
 

Luego a cabecera, medio/central/etc, y a pie no debes flotarlo, ya que se acomodarán siguiendo el flujo normal del documento, es decir uno debajo del otro.

Dentro de ellos sí puedes poner lo necesario flotado, por ejemplo en "medio/central o como quieras llamarlo" pones side bar flotado a la izquierda y "contenido" flotado a la izq o derecha (como gustes), teniendo cuidado de que la suma de sus anchos no supere el de la caja que los contiene.
saludos, y espero que se entienda


Enlaces sobre como limpiar los float: http://www.librosweb.es/css_avanzado...ar_floats.html