homepage Welcome to WebmasterWorld Guest from 54.205.168.88
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
DIV horizontal scroll
how to get rid of it
baton




msg:1186492
 7:32 am on Nov 18, 2003 (gmt 0)

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">
<table>
<tr><td>ble bleble bleble ble</td></tr>
<tr><td>ble bleble bleble bleble bleble bleble bleble ble</td></tr>
<tr><td>ble ble</td></tr>
<tr><td>ble ble</td></tr>
<tr><td>scrolled content outside</td></tr>
</table>
</div>

 

billybonds




msg:1186493
 4:03 pm on Nov 18, 2003 (gmt 0)

hi,

try adding this....

overflow-x : hidden;

i found that it works for IE with overflow: scroll; but not for mozilla or opera

but when you change to overflow:auto; it works for all of them!

(so keep yours as it is!)

odd!

jim

baton




msg:1186494
 7:07 am on Nov 19, 2003 (gmt 0)

great news :)
i found this on MSDN network but assumed it works only for IE but now i'm astonished..

U R the man..

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved