Из-за полосы прокрутки смещаются элементы на странице

Илья Поваляев

Здравствуйте.
Я решил заняться самообразованием и сейчас пробую силы в html и css.

Ситуация следующая.
Есть сайт с 3 страницами. Две страницы заполнены меньше, чем на высоту экрана. 3-я страница заполнена более, чем на высоту экрана.
Содержимое страниц загнано в общий <div>, используется гибкая разметка (всё центрируется в зависимости от ширины окна браузера, поля (margin) слева и справа определяются автоматически).

Проблема.
При переходе с 1-ой или 2-ой страницы на 3-ю справа появляется полоса прокрутки и всё содержимое сдвигается влево. Через инструмены разработчика видно, что уменьшаяется ширина <body> на 17 пикселей (ширина полосы прокрутки, если я правильно понял).
Проблема отмечается в гуглхроме, опере, мозилле.

Подскажите, как с помощью разметки html и/или css можно сделать так, чтобы на 3-ей странице элементы не смещались (или чтобы на 1-ой и 2-ой странице они сразу же были смещены на ту же величину и смещение на 3-ей странице не было видно).

P.S.
Я догадываюсь, что при создании реального сайта наполнение страниц будет намного больше и проблема отпадёт сама собой, т.к. полоса прокрутки будет на каждой странице, но всё же хочется разобраться что к чему.

Илья Поваляев 11 месяцев назадСпасибо 0
1 чел.