Час мучений из-за…

Целый час я сидел и искал проблему в новом сайте, все оказалось довольно смешно и к тому же я вспомнил, что сталкиваюсь с такой проблемой второй раз! Редактировал я понемногу стандартный шаблон нового сайта и когда казалось бы, что все «село» на свои места я нашел изъян… Если сравнить главную страницу сайта и страницу с материалом, то шапка сайта и весь сайт двигается вправо на пикселей 20. Это вроде небольшой изъян, но все равно не хочется, чтобы новый сайт был «больным».

Первым делом я решил, что флеш игра не влезает на странице и немного «толкает» свой контейнер, в итоге шаблон расползается. Уменьшать ширину игры не было смысла, так как предстоит добавить еще большое количество таких игр, а ручную работу я не люблю, решил расширить контейнер контента до 750 пикселей, как правило, игры редко бывают шире 700px. Расширил — толку нет, очищаю кэш (CTRL+F5), такая же ситуация.

Тут я начал мерить каждый пиксель, скриншотил, вставлял в Paint и смотрел линейку.

Просмотрел весь код, удалял отдельные части кода.

Когда уже не знал что делать открыл в браузере две вкладки — главную страницу и страницу с материалом и начал кликать их поочередно и рассматривать каждый пиксель на сайте, там где была разница, в поиске изъяна, и он нашелся! Оказалось, что ошибки вовсе нет, просто главная страница по высоте ниже, так как на ней еще материалов нет, поэтому на главной нет полосы прокрутки браузера, а на странице с материалом есть. Эта полоса прокрутки сокращает общую ширину сайта и поэтому все видимое содержимое сайта двигалось влево. Самое обидное, что я уже мучился однажды с этой проблемой, теперь надо запомнить ее навсегда!