Como meter todo el contenido de una pagina en un div y centrarlo

roboty · #1 (**permalink**) 30/12/2011, 09:32

Hola, alguien me podria hechar una ayuda para conseguir lo que quiero, trataria de meter todo el contenido de una pagina web en una capa div y centrar el div, pero que el div sea un poco mas pequello que el body, se agradece la ayuda de los mas expertos, saludos.

Si tengo algo como esto:

Código HTML:

Ver original<body>
    <div>
        <div><p>aqui iria un parrafo</p></div>
        <table>
            <tr>
                <td>
                    datos de la primera celda
                </td>
                <td>
                    otra celda
                </td>
            </tr>
        </table>
    </div>
</body>

Karmac · #2 (**permalink**) 30/12/2011, 10:00

Le das un ancho al div (en porcentaje, por ejemplo) menor que el tamaño de la pantalla, y le asignas los margenes derecho y izquierdo "auto".

Código CSS:

Ver originalbody > div {
    width: 80%;
    margin: 0 auto;
}

Saludos.

roboty · #3 (**permalink**) 30/12/2011, 14:58

Hola Karmac, muchas gracias por tu colaboracion un saludo.

roboty · #4 (**permalink**) 30/12/2011, 15:24

Hola perdona pero no encuentro la manera de darle un poco de margen para que el contenido no quede pegado a la capa, si alguien me puede ayudar, un saludo.

C2am · #5 (**permalink**) 30/12/2011, 15:29

Hola
Si te refieres al contenido de ese div (el div no es una capa, más bien una división), asignale un padding.

Saludos

roboty · #6 (**permalink**) 30/12/2011, 15:38

Hola C2am, gracias por tu colaboracion, intente añadirle un pading, pero no me funciono no se que hice mal añadi algo asin:

padding:20px,20px,20px,20px;

como seria la manera correcta de hacerlo, saludos.

Karmac · #7 (**permalink**) 30/12/2011, 15:39

padding: 20px;
Nada de comas en CSS.

Saludos.

C2am · #8 (**permalink**) 30/12/2011, 15:45

Lee el enlace de "padding", está sobre el final, allí tus dudas serán eliminadas.

roboty · #9 (**permalink**) 30/12/2011, 15:51

Gracias C2am, tenias razon se me han quitado todas las dudas, un saludo.