Hey, Here's what I am trying to do: There is one scrollable div with fixed size, say 400x400 px. Inside there are two divs: header div and data div. Both their height and width are variable. What I want to do is be able to scroll horizontally both header and data divs but vertically only the data. In other words, I want the header div be fixed vertically, but scrollable horizontally and data grid - fully scrollable. here's the setup:
<div style="height: 400px; width: 400px; overflow: scroll; position: static;" >
<div style="z-index: 7500; position: fixed; height: 100px; width: 800px">
//header
</div>
<div style="poxition: relative; top: 100px; width: 800px; height: 2000px">
//data
</div>
</div>
I tried something like this:
<div style="height: 400px; width: 400px; overflow: scroll; overflow-y: hidden; position: static;" >
<div style="z-index: 7500; height: 100px; width: 800px; position: relative">
//header
<div style="height: 400px; width:auto; overflow: scroll; overflow-x: hidden; position: static;" >
<div style="position: relative; top: 100px; width: 800px; height: 2000px">
//data
</div>
</div>
it works fine, except vertical scrollbar is... well... scrolled horizontally with my data div, i need it to be shown all the time.
I really don't want to use frames, so is it possible to do this with divs? mb, there're some properties, like style="position-y: fixed; position-x: relative" ?
thx