Користите ЦСС да бисте средили документ са фиксним распоредом ширине

Распореди фиксне ширине могу се тешко центрирати са неким популарним претраживачима, али је могуће, са само неколико линија кода.

Ево како

  1. Креирајте нову Веб страницу са ЦСС стилесхеетом у ХТМЛ едитору.
  2. Креирајте елемент див као главни елемент на страници на којој ћете све сачувати на страници.
  3. Дајте том див елементу ИД који је јединствен на страници.
  4. Отворите свој ЦСС стилски лист и подесите ширину свог див елемента. див # маин {ширина: 750пк; }
  5. Додајте аутоматске маргине да бисте усредсредили свој див. див # маин {ширина: 750пк; маргин-лефт: ауто; маргин-ригхт: ауто}
  6. Да бисте га поправили за Нетсцапе 4 и ИЕ 4-6 (режим куиркс ) додајте поравнавање текста на тело. тело {тект-алигн: центер; }
  7. Али онда је сав текст унутар је усредсређен, тако да поново унесите текст у #маин див додавањем текстуалног поравнања: лијево; тамо. див # маин {ширина: 750пк; маргин-лефт: ауто; маргин-ригхт: ауто; тект-алигн: лефт; }
  8. Сачувајте своју страницу и листу стилова.
  9. Тестирајте у неколико Веб претраживача.

Савет

Ово ће средити оквир за постављање, али не и садржај унутар њега. Користите поравнавање текста да бисте усредсредили унутрашњи садржај.