Centrar div con contenido flotante

jucarave · #1 (**permalink**) 03/07/2012, 08:33

Hola a todos, tengo una pequeña duda, supongamos que tenemos una serie de divs así:

<div align="center">
<div style="float:left">CONTENIDO</div>
y otros divs mas así
</div>

Quiero que todo el contenido quede centrado en la pantalla, por lo que el div externo lo puse como align="center", pero no me lo centra debido al contenido.

Como puedo centrar todo el contenido interno flotante en el centro de la pantalla?

Gracias.

manguiti · #2 (**permalink**) 03/07/2012, 12:32

Te paso un enlace donde aparece una solución para un layout de ancho fijo con 3 columnas.

http://www.htmlandcssbook.com/code-s...th-layout.html

C2am · #3 (**permalink**) 04/07/2012, 01:37

Para centrar la web solo debes fijar un ancho al div contenedor y luego aplicarle margin:auto

Código HTML:

Ver original<head>
<style>
#contenedor{
width: 90%; /* o lo que quieras */
margin:0 auto;
}
</style>
</head>
<body>
<div id="contenedor">
otros div con contenido 
</div>
</body>

Saludos

manguiti · #4 (**permalink**) 04/07/2012, 11:30

Cita:

Iniciado por C2am

Para centrar la web solo debes fijar un ancho al div contenedor y luego aplicarle margin:auto

Código HTML:

Ver original<head>
<style>
#contenedor{
width: 90%; /* o lo que quieras */
margin:0 auto;
}
</style>
</head>
<body>
<div id="contenedor">
otros div con contenido 
</div>
</body>

Saludos

Con ese código saldría centrado en IE 9 por ejemplo? Creo que no....