CeLiNeFrEnChAdO
New Member
I am using Jquery.I have multiple divs inside a main div and all the inner divs are of varying height and width.I want the horizontal and vertical scrollbars only in the main outer div (Inner divs must not contain their individual scrollbars).I have maintained vertical scrollbar but the problrm is with the horizontal scrollbar.The problem is that because each individual div has different width so the scrollbar size changes as we move vertical scrollbar from div to div.How can I fix it so that scrollbar size become constant independent of the inner divs. \[code\]<div id="outer" style="overflow:auto;"> <div id="inner1"style="overflow:hidden;"> "too long content both in height and width" </div> <div id="inner2"style="overflow:hidden;"> "too long content both in height and width" </div> <div id="inner3"style="overflow:hidden;"> "too long content both in height and width" </div> <div id="inner4"style="overflow:hidden;"> "too long content both in height and width" </div> </div>\[/code\]