Посмотрел сейчас повнимательнее код.
Цитата:
После заголовка стоит какая то фотография, которая у меня не водном браузере не отобразилась,
Это линия под заголовком.
Цитата:
<span class="text">Автор: Fidel. Дата: 9 октября 2012 г.<br>
<div class="hd">Осенняя авантюра</div></span>
<p align="left"><img src="pages_html/fidel_20121009_files/line_2px.gif" align="left" height="2" width="840"></p>
К тому же с ней на одной линии расположена картинка под аватар автора
Цитата:
<img src="pages_html/fidel_20121009_files/avatar_avtora.jpg" align="absmiddle" width="120">
которая 120 пикселей.
200 пикеселей под менюшку, 120 под аватарку, 840 под текст (это линия так задает) плюсом границы и отступы, получается разрешение только широкоформатных мониторов.
Решение.
1. Можно сместить аватару ниже заголовка.
2. Можно укоротить линию и подогнать общую ширину страницы под средненькое расширение монитора.
3. Можно и аватару сместить и линию укоротить, опять же подгонка под средненький монитор.
И все. Не будет горизонтального скрола.
И при добовлении контента хорошо следить, чтобы размеры объектов не превышали размеров таблицы под контент.
Вот как то так.