Welcome to WebmasterWorld Guest from 220.127.116.11 , register , free tools , login , search , pro membership , help , library , announcements , recent posts , open posts Become a Pro Member
IE6/Mozilla and overflow-y why why why pixelkitty
I have the following div, that I want to only scroll vertically. No scrollbar should be visible at all horizontally.
width:350px; height:330px; overflow-y:scroll; overflow-x:noscroll; }
This works like a charm in IE/WIN but dies hard in Mozilla.
Does anyone have a solution?
I think I should explain further.
In Mozilla, the above CSS removes all scroll bars and instead the div overflows instead of scrolling.
I think overflow-x and overflow-y are proprietary to IE.
width:350px; height:330px; overflow:auto; }
Just did a quick test and this seems OK in IE6 and Mozilla/5.0. This will only display a scrollbar horizontally if your content overflows. I know you don't want horizontal scroll at all, but I think this is your best compromise. You won't see it if the content doesn't overflow.
unfortunately, in mozilla, overflow:auto has a visible horizontal scroll bar no matter what the content or width.
which really sucks.
eg: newscont is 450px wide, a div inside is a max 300 including padding of 20px and margin of 10px, yet the scroll still shows horizontally.
Ive resigned myself to the fact that it cant be done.
This isn't an area I know very well, but can't you set the clip rect's width on your content sufficiently narrow to prevent all browsers from invoking their overflow property in a case like this?