Centrar divs sin utiliazar otro para encerralos

epcode · #1 (**permalink**) 26/12/2010, 06:01

Buenos dias,

Tengo el siguiente còdigo CSS / HTML:

Código HTML:

<style type="text/css">
body {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	position: relative;
}

#Header {
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
}
#Menu {
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
}
#Container {
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
	}
#Section1 {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 250px;
}
#Section2 {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 500px;
}
#Section3 {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 250px;
}
#Foot {
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
	}

</style>
</head>

<body>
<div id="Header">Header</div>
<div id="Menu">Menu</div>
<div id="Container">
<div id="Section1">Section 1</div>
<div id="Section2">Section 2</div>
<div id="Section3">Section 3</div>
</div>
<div id="Foot">Foot</div>

Que da el siguiente estilo:
[IMG]http://b.imagehost.org/0760/maquetacion.png[/IMG]

Cuando los divs (Section1, 2 y 3) tienen la propiedad [CODE] float: left[/CODE] para que estos se posicionen uno al lado del otro dejan de centrarse como lo hacen el resto de los divs, asi que tengo que crear uno centrado que los encierre...

¿Alguna alternativa a no generar otro para encerrarlos? es decir, alguna propiedad que me lo haga centrar al Section 1, por ejemplo y que le resto se acomode...