Riparitaj larĝaj aranĝoj povas malfacile centri kun kelkaj el la popularaj retumiloj tie, sed eblas, kun nur kelkaj linioj de kodo.
Jen kiel
- Krei novan retejon kun CSS-stilfolio en via HTML-redaktilo.
- Krei div-elementon kiel la ĉefa elemento en la paĝo, kie vi stokos ĉion en la paĝo.
- Donu tiun div elementon ID kiu estas unika sur la paĝo.
- Malfermu vian CSS-stilon kaj starigu la larĝecon de via div-elemento. div # main {larĝa: 750px; }
- Aldonu aŭtomatajn randojn por centri vian divon. div # main {larĝa: 750px; rando-maldekstra: aŭtomobilo; rando-dekstra: aŭtomata}
- Por ripari ĝin por Netscape 4, kaj IE 4 - 6 ( serĉo-modo ) aldonu tekston-aliĝon al la korpo. korpo {teksto-alineo: centro; }
- Sed tiam la tuta teksto ene estas centrita, do re-alignigu la tekston en via #main div por aldoni tekston-aline: maldekstre; tie. div # main {larĝa: 750px; rando-maldekstra: aŭtomobilo; rando-dekstra: aŭtomata; teksto-alineo: maldekstra; }
- Konservu vian paĝon kaj vian stilon.
- Testo en pluraj retumiloj.
Konsilo
Ĉi tio centros la aranĝkeston sed ne la enhavon ene de ĝi. Uzu tekst-aligno por centri la internan enhavon.