Распоредот со фиксна ширина може да биде тешко да се центрира со некои од популарните интернет прелистувачи, но е можно, со само неколку линии на код.
Тука сум
- Креирајте нова веб страница со стил на CSS во вашиот HTML уредувач.
- Направете елемент div како главен елемент на страницата каде што ќе зачувате сè на страницата.
- Дајте го елементот div за идентификатор кој е единствен на страницата.
- Отворете го вашиот CSS стилски лист и поставете ја ширината на вашиот елемент div. div # main {width: 750px; }
- Додајте автоматски маргини за да го центрирате вашиот дел. div # main {width: 750px; маргина-лево: авто; маргина-десно: автоматски}
- За да го поправите за Netscape 4 и IE 4-6 ( режим на quirks ) додадете усогласување на текстот на телото. тело {текст-порамнување: центар; }
- Но, тогаш целиот текст внатре е центриран, па повторно поврзете го текстот во вашиот #main div, додавајќи текст-align: left; таму. div # main {width: 750px; маргина-лево: авто; маргина-десна: авто; текст-усогласување: лево; }
- Зачувајте ја вашата страница и листот со стил.
- Тест во неколку веб прелистувачи.
Совет
Ова ќе го центрира полето за изглед, но не содржината во неа. Користете текстуално порамнување за да ја центрирате внатрешната содржина.