Выкарыстоўвайце CSS, каб Цэнтр дакумента з равноширокого Layout

Фіксаваныя макеты шырыня можа быць цяжка Цэнтраваць з некаторымі з папулярных браўзэраў там, але гэта магчыма, толькі некалькі радкоў кода.

Вось і # 39; S Як

  1. Стварэнне новай вэб-старонкі з дапамогай CSS стыляў ў вашым HTML-рэдактары.
  2. Стварыць Div элемент у якасці асноўнага элемента на старонцы, дзе вы будзеце захоўваць усё на гэтай старонцы.
  3. Дайце, што Div элемент ідэнтыфікатар, які з'яўляецца унікальным на гэтай старонцы.
  4. Адкрыйце свой CSS стыляў і ўсталяваць шырыню вашага сну элемента. DIV # Асноўны {шырыня: 750px; }
  5. Аўтаматычнае даданне палёў для цэнтравання DIV. DIV # Асноўны {шырыня: 750px; Маржа налева: аўто; Маржа правы: аўто}
  6. Каб выправіць гэта для Netscape 4 і IE 4 - 6 ( рэжым сумяшчальнасці ) дадаць выраўноўвання тэксту на целе. цела {выраўноўвання тэксту: цэнтр; }
  7. Але затым ўвесь тэкст ўнутры Цэнтраваць, таму выраўнаваць тэкст у #main DIV, дадаўшы выраўноўвання тэксту: злева; там. DIV # Асноўны {шырыня: 750px; Маржа налева: аўто; Маржа направа: аўто; выраўноўвання тэксту: злева; }
  8. Захавайце старонку і табліцу стыляў.
  9. Тэст на некалькіх вэб-браўзэраў.

ўскраек

Гэта цэнтруе акно макета, але не ўтрыманне ў ім. Выкарыстанне выраўноўвання тэксту па цэнтры ўнутранага зместу.