largo de pagina variable en funcion del contenido automaticamente

[yonaida]

hola C2cam muchas gracias por tu ayuda , he quitado los float y puesto el contenido en los 3 bloques (cabecera - central - pie) y parece va bien.

lo que no me gusta es que me sale la barra de dezplazamiento horizontal como si el ancho de la pagina fuera mayor del normal y no entiendo por que, puesto que el body no tiene ancho predeterminado, esto para que quede el contenedor centrado.

alguna sugerencia al respecto. ¿?


asi ha quedado el codigo.

Código:

*	 {
	margin:0px;		
	padding: 0px;
	}
body {
	
        text-align:center;
	background-color:#fff;	 /*dbe3e8 dedede f8f8f8 e1e1e1 d4d4d4*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#contenedor {	
	margin:0 auto;  
	margin-top:10px ;
        width:1000px;	
	background-color:white;
	text-align:left;
	height:1%;
	margin-bottom:10px;	
	overflow:hidden; 
	} 
 
#top_bar {	
	width:1000px;
	height:15px;
	/* float:left;	 */
	text-align:right;	
	z-index:10;		
	background-color:#fff;
	margin-bottom:5px;
	
}
.texto_topbar{
	font-size:11px;
	color:#fff;
	margin:5px;
	color:black;
}	
#head {	
	width:1000px;
	height:40px; 	
	z-index:2;	
	background:transparent url('../img/blue4.png') repeat-x top left;
}

#head2 {
	width:1000px; /*CABECERA IMAGEN */ 
	height:170px;
	text-align:left;	
	}

#foto{
	width:1000px;	
	height:170px;
	z-index:10;
	text-align:left;
	} 

#side_bar{
	width	:200px;
	height	:530px;	
    float:left;   		
	z-index		:15;
	background-color: white;	
	text-align		:center;
	color			:black;	
	font-size		:14px;	
}
#contenido {	
	margin-bottom:5px;
	width:796px;	
	min-height:530px;
	float:right;
	background-color: white;	
	font-size:12px;
	border-left:1px solid #d4d4d4;	
}
#pie {
    width:1000px; 
	height:15px;
	background:white;	
	margin-bottom:5px;
	/*background:transparent url('../img/blue3.png') repeat-x top left;*/
}