Ошибка в CSS характерная для тысяч сайтов

12
melkozaur
На сайте с 06.04.2010
Offline
536
1729

Вот в общем вижу это везде, практически, на крупных известных сайтах тоже. Суть в том, что основной контейнер, в котором все располагается, смещается в сторону, короче сайт "прыгает". Вот к примеру на спортс.ру:

http://www.sports.ru/

и

http://www.sports.ru/docs/vacancy.html

если попереключать эти две страницы, то видно, что верстка прыгает (на второй странице блок с контентом смещается вправо). Выглядит это конечно плохо. Особенно когда на сайте не очень много страниц и все они вот так дергаются.

Насколько понимаю, суть в том, что на второй странице контента мало, нет полосы прокрутки и поэтому прыгает верстка.

Так вот, суть вопроса: как это исправить? Или, если точнее, то как этого избежать при верстке?

IL
На сайте с 20.04.2007
Offline
435
#1
melkozaur:
Насколько понимаю, суть в том, что на второй странице контента мало, нет полосы прокрутки и поэтому прыгает верстка.

У меня обе страницы с полосой, но да, всё верно.

melkozaur:
Так вот, суть вопроса: как это исправить? Или, если точнее, то как этого избежать при верстке?

Принудительно выводить.

body { overflow-y: scroll; } 
... :) Облачные серверы от RegRu - промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )
дани мапов
На сайте с 06.09.2012
Offline
204
#2

У меня в браузере все нормально, при переключении никаких косяков не заметно.

Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)
Mik Foxi
На сайте с 02.03.2011
Offline
1216
#3

melkozaur, перестаньте использовать двухметровый телевизор вместо монитора ) у меня на обоих страницах есть прокрутка и все выглядит норм.

Антибот, антиспам, веб фаервол, защита от накрутки поведенческих: https://antibot.cloud/ (8 лет на защите сайтов). Форум на замену серчу: https://foxi.biz/
melkozaur
На сайте с 06.04.2010
Offline
536
#4

foxi,

У меня обычный монитор, 1280х1024.

Вам могу посоветовать перестать использовать узкие экраны, на которых видно только 3 строчки текста.

Olldman
На сайте с 21.04.2010
Offline
79
#5

Это не является какой-либо ошибкой. Сайт отцентрован и в случае полупустой страницы естественно нет полосы скроллинга, отсюда визуальное смещение на ее ширину. Бороться с этим глупо.

Милованов Ю.С
На сайте с 24.01.2008
Offline
196
#6

Либо как сказал Ivan-Lev, либо забить.

У меня 2 страница в 2 экрана. Размер 1280х800

Подпись))
melkozaur
На сайте с 06.04.2010
Offline
536
#7

Милованов Ю.С,

Ну у меня реклама не показывается.

Но вообще это характерно для любого практически сайта, у которого есть страницы, где контента мало.

melkozaur
На сайте с 06.04.2010
Offline
536
#8
ivan-lev:
Принудительно выводить.
Код:

body { overflow-y: scroll; }

Интересное решение.

Кстати еще часто футер прижимают к низу, это видимо тоже исключает такой глюк.

Vladimir
На сайте с 07.06.2004
Offline
614
#9
melkozaur:

если попереключать эти две страницы, то видно, что верстка прыгает (на второй странице блок с контентом смещается вправо). Выглядит это конечно плохо. Особенно когда на сайте не очень много страниц и все они вот так дергаются.

переопределите расположение блока, не используя margin:auto

Аэройога ( https://vk.com/aeroyogadom ) Йога в гамаках ( https://vk.com/aero_yoga ) Аэройога обучение ( https://aeroyoga.ru ) и просто фото ( https://weandworld.com )
eis
На сайте с 18.10.2008
Offline
473
eis
#10

melkozaur, Вы бы лучше скринами показывали

- Здесь я покупаю вечные ссылки на свои сайты! (https://backlinkator.com) - сотни ссылок за копейки
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий