Макети з фіксованою шириною важко відцентрувати за допомогою деяких популярних браузерів, але це можливо, лише за допомогою декількох рядків коду.
Ось як
- Створіть нову веб-сторінку за допомогою таблиці стилів CSS у своєму редакторі HTML.
- Створіть елемент div як основний елемент на сторінці, де ви будете зберігати все на сторінці.
- Дайте цьому елементу div ідентифікатор, унікальний на сторінці.
- Відкрийте таблицю стилів CSS і встановіть ширину елемента div: div # main {width: 750px; }
- Додайте автоматичні поля для центрування div: div # main {width: 750px; поле зліва: авто; поле праворуч: авто}
- Щоб виправити це для Netscape 4 та IE 4 – 6 (режим примх) додайте вирівнювання тексту на тілі: body {text-align: center; }
- Але тоді весь текст усередині відцентрований, тому повторно вирівняйте текст у своєму #main div, додавши text-align: left; там: div # main {width: 750px; поле зліва: авто; поле праворуч: авто; вирівнювання тексту: зліва; }
- Збережіть свою сторінку та таблицю стилів.
- Перевірте свою роботу в декількох веб-браузерах.
Це буде центрувати поле макета, але не вміст у ньому. Використовуйте вирівнювання тексту для центрування внутрішнього вмісту.