Question

Как сделать ширину сайта фиксированной? Прочитала статью http://htmlbook.ru/content/fiksirovannyy-dizayn-osnovy , но, честно говоря, ничего не поняла. Можно, для чайников, просто и конкретно, что сделать?

Answer 1

В вашем случае решением будет добавить в самый низ таблицы стилей CSS следующие стили:  

.eBlock,.eBlock table {max-width: 895px!important;}  

после ширина будет фиксированной и не будет появляться нижний скрол.

Comments

Таким образом центральная часть сайта, вернее сами новости, сместилась влево и между ней и правыми блоками появилось расстояние. А мне нужно, чтобы фиксированной была ширина сайта вместе с блакоми и размещение по середине.

---

Марго,

У вас сайт на табличной верстке, так сделать не получится так как таблицы ломаются, чтобы подобное сделать нужно чтобы у вас шаблон был на дивной верстке, сейчас подобное если делать, то с ущербом для дизайна.

---

Спасибо! Буду жить с этим.

Answer 2

Код ниже поможет сделать сайт фиксированным.
Имейте ввиду, что некоторые страницы с высокой вероятностью будут не коректно отображатся по ширине (если контент будет превышать размер ячейки). В этом случае нужно отредактировать проблемные области на странице. Я напишу только как это сделать для главной.

1) Сделайте бекап шаблона.

2) В css добавьте:

  #contanier {width: 1000px;margin: 0 auto}

 

3) На главной найдите материал "23 февраля - День защитника Отечества"
Перейдите в редактирование. В описании материала (в кратком или полном, не могу определить, поэтому проверьте оба) в режиме html-редактора найдите строку

  <table cellpadding="1" cellspacing="1" height="29" width="1063">

и замените на

  <table cellpadding="1" cellspacing="1" height="29" width="100%">

4) На главной вверху у надписи ""Вечно изобретать, пробовать, совершенствовать и совершенствоваться - вот единственный курс учительской жизни" уменьшите шрифт с font-size: 24pt; на font-size: 16pt;