Настройките с фиксирана ширина могат да бъдат трудни за центриране с някои от популярните браузъри там, но е възможно само с няколко реда код.
Ето как
- Създайте нова уеб страница с CSS стилове във вашия HTML редактор.
- Създайте елемент div като основен елемент на страницата, където ще съхранявате всичко на страницата.
- Дайте този елемент на div идентификационен номер, който е уникален на страницата.
- Отворете своя CSS стилов лист и задайте ширината на елемента div. div # основна {ширина: 750px; }
- Добавете автоматични маржове, за да центрирате вашия div. div # основна {ширина: 750px; маркер-ляво: автоматично; margin-right: auto}
- За да го поправите за Netscape 4, и IE 4 - 6 ( режим quirks ) добавете текстово подравняване на тялото. тяло {text-align: center; }
- Но тогава целият текст вътре е центриран, така че отново да приведете текста в #main div чрез добавяне на текст-align: left; вътре. div # основна {ширина: 750px; маркер-ляво: автоматично; margin-right: auto; текст-подравняване: ляво; }
- Запазете страницата си и стиловия лист.
- Тествайте в няколко уеб браузъра.
Бакшиш
Това ще центрира полето за оформление, но не и съдържанието в него. Използвайте текста, за да центрирате вътрешното съдържание.