Uża CSS biex torganizza Dokument bi tqassim ta 'Wisa' Fissa

It-tqassim tal-wisa 'fiss jista' jkun diffiċli biex jiġi ċċentrat ma 'wħud mill-browsers popolari hemmhekk, iżda huwa possibbli, b'xi ftit linji tal-kodiċi biss.

Hawnhekk. Kif

  1. Oħloq paġna ġdida tal-Web b'kapaċità ta 'stil CSS fl-editur HTML tiegħek.
  2. Oħloq element div bħala l-element prinċipali fuq il-paġna fejn għandek taħżen kollox fuq il-paġna.
  3. Agħti dak l-element div element ID li huwa uniku fuq il-paġna.
  4. Iftaħ il-folja tal-istil tas-CSS u stabbilixxiet il-wisa 'tal-element div tiegħek. div # main {wisa ': 750px; }
  5. Żid marġini awtomatiċi biex iċċentra d-div tiegħek. div # main {wisa ': 750px; marġni-xellug: auto; marġini-dritt: auto}
  6. Biex tiffissa għal Netscape 4, u IE 4 - 6 ( modalità quirks ) żid test allinjament fuq il-ġisem. korp {text-align: center; }
  7. Iżda mbagħad it-test kollu ta 'ġewwa huwa ċċentrat, sabiex terġa' tallinja t-test fid-div tiegħek # billi żżid it-test tallinea: xellug; hemm hemm. div # main {wisa ': 750px; marġni-xellug: auto; dritt tal-marġni: auto; text-align: left; }
  8. Ħlief il-paġna tiegħek u l-karta tal-istil tiegħek.
  9. Test f'diversi browsers tal-Web.

Tip

Din se tiċċentra l-kaxxa ta 'tqassim iżda mhux il-kontenut fiha. Uża l-allinjament tat-test biex iċċentra l-kontenut ta 'ġewwa.