Foros del Web - Ver Mensaje Individual

jomaruro · #3 (**permalink**) 19/12/2009, 11:40

Hola:

Cita:

Iniciado por Cabos

Creo que con CSS no se puede hacer, con Javascript seguro que puedes.

Alguno estaría más guapo calladito y no induciendo a errores.

No sé como tienes estructurada tu página pero a ver si puedo ayudarte. Debes olvidarte de los margenes laterales y centrarte solo en el div central. El problema lo solucionas creando solo div central con un tamaño fijo (unos 960px es lo más corriente) y metiendo todo tu contenido en él.

Después, tu hoja CSS la inicias con un reset.

Código:

* {
padding:0;
margin:0 auto;
}

Y ya tienes tu página como querías, para muestra el código siguiente, pruebalo.

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Div centrado</title>
        <style type="text/css">
            * {
                padding:0;
                margin:0 auto;
            }
            #contenedor {
                border: 1px solid #ff0000;
                background-color:#00ff00;
                width:960px;
                height:600px;
            }
        </style>
    </head>
 
    <body>
        <div id="contenedor>
        </div>
   </body>
</html>

Saludos.