Els dissenys de amplada fixa poden ser difícils de centrar amb alguns dels navegadors més populars, però és possible, només amb algunes línies de codi.
Here's How
- Creeu una pàgina web nova amb un full d'estils CSS al vostre editor HTML.
- Creeu un element div com a element principal a la pàgina on guardareu tot a la pàgina.
- Doneu a aquest element div un ID que sigui únic a la pàgina.
- Obriu el full d'estil CSS i estableixi l'amplada de l'element div. div # main {width: 750px; }
- Afegiu marges automàtics per centrar el vostre div. div # main {width: 750px; margin-left: auto; marge-dreta: automàtic}
- Per reparar-lo per Netscape 4 i IE 4 - 6 ( mode peculiar ), afegiu un text alineat al cos. cos {text-align: center; }
- Però tot el text a l'interior està centrat, així que torneu a alinear el text a la vostra div #main afegint text align: left; allà. div # main {width: 750px; margin-left: auto; marge-dret: automàtic; align-text: left; }
- Deseu la vostra pàgina i el vostre full d'estils.
- Prova en diversos navegadors web.
Consell
Això centrarà el quadre de disseny, però no el contingut dins d'ell. Utilitzeu el text alineat per centrar el contingut intern.