Div vertical scrollbar show

Question

I am wondering how its possible to permanently show the vertical bar of a div  greyed out if there is no scrolling  similar to our regular bars  Basically I am trying to place an entire website in a div  like gmail facebook   so if the page is not long enough the whole page shifts because of the lack of the vertical scroll bar   I need a solution to this problem  I tried overflow-y scroll  But it doesn t seem to work at all

User · Answer

Always   If you always want vertical scrollbar  use overflow-y  scroll   jsFiddle    lt div style  overflow-y  scroll   gt          lt  div gt    When needed  If you only want vertical scrollbar when needed  use  overflow-y  auto   You need to specify a height in this case   jsFiddle    lt div style  overflow-y  auto  height 150px    gt        lt  div gt

User · Answer

Have you tried overflow-y auto   It is not exactly what you want  as the scrollbar will appear only when needed

User · Answer

What browser are you testing in   What DOCType have you set   How exactly are you declaring your CSS   Are you sure you haven t missed a   before after the overflow-y  scroll   I ve just tested the following in IE7 and Firefox and it works fine   x000D   x000D   lt  -- Scroll bar present but disabled when less content -- gt  x000D   lt div style  width  200px  height  100px  overflow-y  scroll   gt  x000D    test x000D   lt  div gt  x000D   x000D   lt  -- Scroll bar present and enabled when more contents -- gt          x000D   lt div style  width  200px  height  100px  overflow-y  scroll   gt  x000D    test lt br   gt  x000D    test lt br   gt  x000D    test lt br   gt  x000D    test lt br   gt  x000D    test lt br   gt  x000D    test lt br   gt  x000D    test lt br   gt  x000D    test lt br   gt  x000D    test lt br   gt  x000D    test lt br   gt  x000D   lt  div gt  x000D   x000D   x000D

[html] Div vertical scrollbar show

Examples related to html

Examples related to css