Welcome to WebmasterWorld Guest from 54.162.12.134

Forum Moderators: not2easy

Message Too Old, No Replies

IE6/Mozilla and overflow-y

why why why

     
5:44 am on Apr 26, 2003 (gmt 0)

10+ Year Member



I have the following div, that I want to only scroll vertically. No scrollbar should be visible at all horizontally.

.newscont {
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?

5:45 am on Apr 26, 2003 (gmt 0)

10+ Year Member



I think I should explain further.

In Mozilla, the above CSS removes all scroll bars and instead the div overflows instead of scrolling.

7:33 am on Apr 26, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi,

I think overflow-x and overflow-y are proprietary to IE.

Try:

.newscont {
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.

Cheers.

11:17 am on Apr 26, 2003 (gmt 0)

10+ Year Member



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.

4:21 pm on Apr 26, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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?
 

Featured Threads

Hot Threads This Week

Hot Threads This Month