i try to achieve the functionality of a fixed height layer (<div>) which expands its with as content expands and have only up/down scroll and NO BOTTOM scroll.
i place a DIV with height specified, overflow:auto and inside place atable that expands width of parent div.. scrolls appear when i place some more data to table but nasty bottom scroll also appears having only 17 (width of right scroll) pixels to scroll.. how to get rid of that nasty scroll? i tried all the paddings margins and borders but have no affect.. they all scroll like normal content
here is the code:
<div id="lista" style="position:absolute; left:100px; top: 100px; height: 100px; background-color: blue; overflow:auto">
<tr><td>ble bleble bleble ble</td></tr>
<tr><td>ble bleble bleble bleble bleble bleble bleble ble</td></tr>
<tr><td>scrolled content outside</td></tr>