Centrar divs sin utiliazar otro para encerralos

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

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:

Cuando los divs (Section1, 2 y 3) tienen la propiedad

Código:

 float: left

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...

jomaruro · #2 (**permalink**) 26/12/2010, 07:00

Hola:

¿Y con respecto a que centras un div flotado a la izquierda? Si lo quieres a la izquierda no lo puedes querer también en el centro ¿no?

Saludos.

maycolalvarez · #3 (**permalink**) 27/12/2010, 11:50

POST REPETIDO: http://www.forosdelweb.com/f53/centr...rralos-871398/ favor evita repetir mensajes.

hasta donde sé la única forma es que un div contenedor se centre, porque como te indica @jomamuro: no puedes centrar a la izquierda ¿no te parece ilógico o contradictorio?