MozillaZine

Overflow-y Overflow-x for browsers that don't support it yet

Discuss how to use and promote Web standards with the Mozilla Gecko engine.
Bethrezen
 
Posts: 366
Joined: September 13th, 2003, 11:56 am

Post Posted September 10th, 2007, 12:33 pm

hi all

I know Overflow-y Overflow-x are a part of the css 3 spec and as a result are not widely supported yet but I was wondering is there a way to emulate Overflow-y Overflow-x in browsers that don't yet support this property yet ??

jscher2000

User avatar
 
Posts: 9572
Joined: December 19th, 2004, 12:26 am
Location: Silicon Valley, CA USA

Post Posted September 10th, 2007, 1:45 pm

They are supported in Internet Explorer 6.x+, Firefox 1.5+, recent versions of Safari, and the beta of Opera 9.5. Are there other widely used browsers that don't support them?

andrewg_scss

User avatar
 
Posts: 213
Joined: October 23rd, 2003, 10:42 am
Location: Perth, Australia

Post Posted September 11th, 2007, 9:35 am

Try specifying the CSS2 overflow property first (more browsers will support that), then specify the CSS3 overflow-x/y properties to override it on browsers that can. I wouldn't exert any more effort than that.
Andrew

Bethrezen
 
Posts: 366
Joined: September 13th, 2003, 11:56 am

Post Posted September 12th, 2007, 5:36 am

hi

maybe if I explain what it is that I'm trying to achieve it will make a little more sense if you go to one of the page I been working on like this one for instance

http://h1.ripway.com/Bethrezen/demo/Web ... troduction

And scroll the page you will note that I have the menu fixed in place so that it all ways stays on screen the trouble I'm having is when the page width is reduced to its minimum width you get a horizontal scroll bar and the content area is able to slide under the menu this is what I'd like to prevent

In IE7 and Firefox I have been able to achieve this by setting Overflow-x to hidden trouble is that opera doesn't yet support overflow-x property so when the page width is reduced as you might expect you get a horizontal scroll bar and the contents area is able to slide under the menu

so I was wondering if there was a way to emulate the overflow-x effect or maybe place some sort of a spacer to stop the contents area sliding under the menu

Return to Web Development / Standards Evangelism


Who is online

Users browsing this forum: No registered users and 1 guest