Foros del Web » Creando para Internet » CSS »

Centrar divs sin utiliazar otro para encerralos

Estas en el tema de Centrar divs sin utiliazar otro para encerralos en el foro de CSS en Foros del Web. 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: ...
  #1 (permalink)  
Antiguo 26/12/2010, 06:01
 
Fecha de Ingreso: septiembre-2010
Mensajes: 39
Antigüedad: 7 años, 2 meses
Puntos: 0
Pregunta Centrar divs sin utiliazar otro para encerralos

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

Etiquetas: centrar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:39.