Welcome to WebmasterWorld Guest from 50.17.5.36

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)

New User

10+ Year Member

joined:Mar 18, 2003
posts:11
votes: 0


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)

New User

10+ Year Member

joined:Mar 18, 2003
posts:11
votes: 0


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)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Apr 3, 2003
posts:1633
votes: 0


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)

New User

10+ Year Member

joined:Mar 18, 2003
posts:11
votes: 0


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)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Apr 15, 2003
posts:904
votes: 5


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?