Centrado con CSS falla

[Pantanico]

Hola.

Quiero que la p´´agina que estoy haciendo se quede centrada de ancho, tanto en 1280 x 1024 como en 1024 x 768. Para ello me voy a CSS e intento hacerlo desde alli.
La verdad es que no controlo aun como hacerlo con CSS y cuando cambio de resolucion sigue estando descentrada.

Me podeis echar un cable y decirme que valores modificar, cuales poner en auto, como deben ir los margenes izq y dch, border, align y cualquier otro parametro que necesite modificar para que la dichosa pagina se quede centrada?

Gracias y un saludo.

(Perdon por escribir sin acentos, me salen duplicados )

[kaninox]

haber primero debes crearte un contenedor ya sea de los px que quieras en ancho 1024 etc...
o bien porcentual 80%...
para que quede centrado solo deberías agregar margin:auto;
dentro de ese contenedor vas agregando las demás capas, no entiendo el punto de margenes izquierda derecha, bueno cualquier duda comentas saludos

[Triby]

Formatos posibles de margin, voy a usar solo medidas en px o auto para los ejemplos.

Margen igual a los 4 lados de la caja:
margin:10px;

Margen igual arriba-abajo (primer parametro) derecha-izquierda (segundo parametro)
margin: 5px 10px;
margin: 10px auto; /* Este es el que hace que el contenedor quede centrado */

Margen especifico para los 4 lados (formato: arriba derecha abajo izquierda):
margin:20px 5px 15px 10px;
margin: 5px auto 10px auto; /* Con este quedara centrado */

[Pantanico]

Hola kaninox!, gracias por contestar.

No debe de ser tan facil, ya que no me sale solo con margin:auto;
Evidentemente creo un div contenedor del tamaño que necesito donde coloco toda mi pagina.

Lo hago de lasiguiente manera:

1. Creo lapagina en photoshop, con sus sectores
2. La exporto a xhtml con imagenes
3. Edito el html en Dreamweaver (por defecto tablas)
4. Convierto tablas en divs y paso el codigo de toda mi pagina a otro documento vacio (solo con un div contenedor donde lo pego todo)

Pues bien, quiero centrar ese div contenedor como he comentado antes y creo que solo con margin auto no sale..

Alguna cosa mas?
Estare por aqui haciendo pruebas.
PD: por cierto, hoy fallan las busquedas del foro (ouch)

Saludos.

[Pantanico]

Hola triby!

Buena respuesta!
probare lo que dices,
ya comentare si sale bien.

Saludos!!

[kseso?]

Cómo centrar página sólo en forosdelweb. (nunca creí que fuesen tantos temas

Resumiendo los requisitos para centrar en la horizontal:
Que la caja tenga definida una anchura, y esta sea menor que la anchura de su contenedora.
Que la caja esté posicionada (position: relativa/static) bien de forma explícita o por herencia.
Aplicar el valor de "auto" a los márgenes laterales

[Triby]

Ups, cierto, Dn. kseso?, se me paso por alto el detalle del ancho de la caja.

[loncho_rojas]

Código HTML:

<div align="center">

<div id="contenedor">

<div id="cabecera"></div>
<div id="menu"></div>
<div id="contenidos"></div>
<div id="pie"></div>


</div>


</div> 

[Triby]

loncho_rojas el atributo align="center" esta bien cuando no estas usando una DTD (Declaracion de Tipo de Documento) y/o no te preocupa mucho el tema de seguir los estandares y que no todos los navegadores lo interpretaran de la misma manera.

Mas info en: http://www.w3.org/TR/html4/present/graphics.html

[Pantanico]

Hola.
Ya se por que no conseguia el autocentrado.

El valor de position debia ser relativo y no absoluto, ya que la posicion absoluta la he definido ajustando la pagina a la izq (osea cero) y mandaba sobre la relativa.
Pensaba que para conseguir el centrado tendria que modificar bastantes parametros ya que no lo conseguia, pero con esto ha bastado.

Gracias por los aportes!!
Saludos!!