MikeFloutier Posted November 9, 2006 Share Posted November 9, 2006 Hi,I'm designing all my pages so they will fit in the browser window without any overflow - different style sheets for different resolutions etc.However, in IE, I still get a greyed-out scroll-bar (although not in FF & Opera).I want to be able to avoid this problem. I think I can do: "overflow: hidden" but wouldn't that lose any unfortunate overflow that slipped through the net.What I really want is a scroll bar that only appears if there's something to scroll.Any ideas?ThanksMikePS I'm talking about the entire browser window here btwPPS Guess it must be an IE thing as I see a lot of big company sites on the net have this problem too Link to comment Share on other sites More sharing options...
BiteMe Posted November 9, 2006 Share Posted November 9, 2006 It really would help if we could see the code blahblahblahblahblah Link to comment Share on other sites More sharing options...
MikeFloutier Posted November 9, 2006 Author Share Posted November 9, 2006 It really would help if we could see the code blahblahblahblahblah Sorry, you're right. Here is some code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1" ><title>Test</title></head><body><p>Test</p></body></html> And here is a link to it: http://www.exhortations.co.uk/test.phpI deliberately kept it simple and with no CSS to try and make sure it wasn't a problem in my coding.Mike Link to comment Share on other sites More sharing options...
MikeFloutier Posted November 9, 2006 Author Share Posted November 9, 2006 Thinking about it, I guess it's quite a good idea to have the greyed-out scroll-bar there even when there's nothing to scroll.Reason being, if you design (width-wise) for it being there, it wont mess things up if your viewers' browser happens to have the need to scroll down or not.I guess the corollary is now that I need to introduce a grey-out scroll-bar into FF and Opera renditions of my pages.Any ideas as how I can do that?ThanksMike Link to comment Share on other sites More sharing options...
jesh Posted November 9, 2006 Share Posted November 9, 2006 Try adding this in the head section: <style type="text/css">body { overflow: auto; }</style> EDIT: hmm, weird, I didn't see the post directly above this one when I wrote my response. The overflow: auto will get rid of the scrollbar in IE. I guess the corollary is now that I need to introduce a grey-out scroll-bar into FF and Opera renditions of my pages.Any ideas as how I can do that?Try this:body { overflow-y: scroll; overflow-x: hidden; } Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now