Прыгает ширина блоков на разных страницах

[rolph]

Есть страница, верстка div'ами.

Шапка:

#header {
float:left;
height:70px;
margin:10px 0 5px;
padding:10px;
width:900px;
}

Левый div (с меню)

#leftcolumn {
float:left;
margin:0 5px 5px 0;
padding:10px;
width:195px;
}

Правый блок(с контентом)

#rightcolumn {
color:#333333;
display:inline;
float:right;
margin:0 0 5px;
padding:10px;
width:678px;
}

При переходе по страницам, верстка прыгает. Перерыл всё... вроде всё жестко зафиксил, всё равно прыгает.

Сам сайт _ttp://www.devilbiss.ru

Edited July 13, 2009 by rolph

[harrids]

При переходе по страницам, верстка прыгает. Перерыл всё... вроде всё жестко зафиксил, всё равно прыгает.

скроллбар появляется, вот и прыгает.

[rolph]

скроллбар появляется, вот и прыгает.

Хм... начит контент меняет ширину div'a?

Это на каком разрешении?

[harrids]

Хм... начит контент меняет ширину div'a?

Это на каком разрешении?

Да ничего он не меняет)

Разрешение 1280x1024

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

Код не смотрел, предполагаю что отцентровано, вот оно и скачет туда-сюда.

Edited July 13, 2009 by harrids

[rolph]

Да ничего он не меняет)

Разрешение 1280x1024

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

Код не смотрел, предполагаю что отцентровано, вот оно и скачет туда-сюда.

А... тьфу

Я думал по горизонтали появляется скролл.

Странно, но я не центровал... может просто надо задать выравнивание по левому краю?

[harrids]

Странно, но я не центровал...

#wrapper {
margin:0 auto;
width:922px;
}

твой ведь код?)

[rolph]

#wrapper {
margin:0 auto;
width:922px;
}

твой ведь код?)

Мой. Большая ширина?

195+10+5(leftcolumn)+678(rightcolumn)

[harrids]

Эээ, я что, так хреново объясняю? )

Основной контент шириной 922px у тебя отцентрован этой штукой: margin:0 auto;, так?

При появлении скроллбара (22 пикселя что ли) уменьшается ширина рабочей площади, соответственно весь контент, чтобы по прежнему быть по центру, сдвигается влево на 11 пикселей.

[rolph]

Эээ, я что, так хреново объясняю? )

Основной контент шириной 922px у тебя отцентрован этой штукой: margin:0 auto;, так?

При появлении скроллбара (22 пикселя что ли) уменьшается ширина рабочей площади, соответственно весь контент, чтобы по прежнему быть по центру, сдвигается влево на 11 пикселей.

Я понял, ты про пикселя скрола.

А как решить эту проблему?

Edited July 13, 2009 by rolph

[harrids]

Вообще, лично я не считаю это проблемой, но многих это почему-то раздражает)

Единственное (вроде) решение - это заставить скроллбар отображаться все время.

А сделать это можно кучей способов)

Можно, например, использовать html { overflow-y: scroll; }, но не валидно, и в опере появляется еще и горизонтальный скролл.

Можно html { height: 101%; }, можно html { min-height: 100%; margin-bottom: 1px; }.

В общем, надо эксперементировать) Работает везде по разному.

[Justnewone]

Единственное (вроде) решение - это заставить скроллбар отображаться все время.

На мой взгляд это ваще не кашерно, уффф!

[rolph]

Вообще, лично я не считаю это проблемой, но многих это почему-то раздражает)

Единственное (вроде) решение - это заставить скроллбар отображаться все время.

А сделать это можно кучей способов)

Можно, например, использовать html { overflow-y: scroll; }, но не валидно, и в опере появляется еще и горизонтальный скролл.

Можно html { height: 101%; }, можно html { min-height: 100%; margin-bottom: 1px; }.

В общем, надо эксперементировать) Работает везде по разному.

Спасибо! Использовал html { height: 101%; }

На мой взгляд это ваще не кашерно, уффф!

Кашерно, не кашерно... А людям не нравится.. Приходиться искать решение

[s0rr0w]

Спасибо! Использовал html { height: 101%; }

Кашерно, не кашерно... А людям не нравится.. Приходиться искать решение

Глупые люди значит.