Use CSS para centrar un documento cun deseño de ancho fixo

Os deseños anchos fixos poden ser difíciles de centrar con algúns dos navegadores máis populares, pero é posible, con só algunhas liñas de código.

Here's How

1. Crea unha nova páxina web cunha folla de estilo CSS no teu editor HTML.
2. Crea un elemento div como elemento principal na páxina onde gardarás todo na páxina.
3. Dea ese elemento div un ID que é único na páxina.
4. Abra a folla de estilo CSS e estableza o ancho do elemento div. div # main {width: 750px; }
5. Engade marxes automáticas para centrar o teu div. div # main {width: 750px; marxe esquerda: auto; marxe dereita: auto}
6. Para corrixilo para Netscape 4 e IE 4 - 6 ( modo peculiar ) engada un aliñamento de texto no corpo. corpo {text-align: center; }
7. Pero, a continuación, todo o texto dentro está centrado, así que volva aliñar o texto no seu nome de división engadindo aliñamento de texto: esquerda; alí dentro. div # main {width: 750px; marxe esquerda: auto; marxe dereita: auto; alinear texto: esquerda; }
8. Garda a túa páxina e a túa folla de estilo.
9. Proba en varios navegadores web.

Consello

Isto centrará a caixa de distribución pero non o contido dentro del. Use o aliñamento de texto para centrar o contido interno.