Ang malig-on nga lay-out nga mga layout mahimong lisud nga masentro sa pipila sa mga bantog nga mga browser gikan didto, apan kini posible, nga adunay pipila ka mga linya sa code.
Ania ang Giunsa
- Paghimo og bag-ong Web page nga adunay CSS stylesheet sa imong HTML editor.
- Paghimo og usa ka elemento sa div isip ang nag-unang elemento sa panid diin imong ibutang ang tanan sa panid.
- Hatagi kana nga elemento sa div usa ka ID nga talagsaon sa panid.
- Ablihi ang imong CSS style sheet ug i-set ang gilapdon sa imong div element. div # main {width: 750px; }
- Pagdugang og awtomatik nga mga margin aron masentro ang imong div. div # main {width: 750px; margin-left: auto; kilid-tuo: auto}
- Aron ayuhon kini alang sa Netscape 4, ug IE 4 - 6 ( quirks mode ) makadugang usa ka text-align sa lawas. body {text-align: center; }
- Apan unya ang tanan nga teksto sa sulod gisentro, busa i-align pag-usab ang teksto sa imong #main div pinaagi sa pagdugang sa text-align: left; didto. div # main {width: 750px; margin-left: auto; kilid-tuo: auto; text-align: left; }
- Luwasa ang imong panid ug estilo sa imong estilo.
- Pagsulay sa daghang mga Web browser.
Tip
Kini magsentro sa kahon sa layout apan dili ang sulod sulod niini. Paggamit sa text-align aron masentro ang sulod nga sulod.