 Css Trick: Hide Disabled Internet Explorer Vertical Scrollbar |
|
|
|
|
  |
 Apr 22 2005, 02:54 PM
Post
#1
|
|
|
Member [Level 1]  Group: Members Posts: 51 Joined: 22-March 05 Member No.: 4,813  |
I'm working on a website and a few minutes ago I got very tired from the Internet Explorer vertical scrollbar. This vertical scrollbar is always there, even if the length of the page does not require a vertical scrollbar. In this case, Internet Explorer will disable the scrollbar though not remove it. In my opinion this would be correct behaviour.
The disabled however not hidden scrollbar means that a switch between a preview of your website in Mozilla Firefox and MS Internet Explorer will lead to an annoying change of the location of your layout. To disable this annoying switch and to hide the vertical scrollbar when the scrollbar is disabled anyway, put the following CSS code in your stylesheet: CODE html { If you don't have a stylesheet yet, put this code in your html header:overflow: auto; } CODE <style type="text/css"> html { overflow: auto; } </style> Not much code needed, huh 
|
 |
 
|
|
Apr 23 2005, 12:30 AM
Post
#2
|
|
|
Privileged Member Group: Members Posts: 629 Joined: 26-February 05 Member No.: 3,995 |
Also, if your site it pushing it (like mine - beeseven.trap17.com - trying viewing it in IE and you get 2 scroll bars), but you know nothing goes offscreen that you need, you can use "overflow: hidden;" and it won't put the scroll bars there even if something goes off (or it thinks something does).
|
|
|
|
|
Apr 23 2005, 01:13 AM
Post
#3
|
|
|
Newbie [Level 1] Group: Members Posts: 13 Joined: 22-April 05 Member No.: 5,992 |
That's cool, I don't use internet explorer at all though, it's a terrible browser...
This is a nice tutorial, people might find use in it, congradulations Carsten you get a point!!!
|
|
|
|
|
Oct 7 2007, 07:46 PM
Post
#4
|
|
|
Trap Double Mocha Member Group: Members Posts: 2,360 Joined: 21-September 07 Member No.: 50,369 |
my website has this code,..you've given but I'm still having no luck,...theres also a concern about hiding images when viewing with IE, does anyone have a good resource.
heres my site that I need no scroll bars on the lower (frame, yea I hate frames too) redescape.net/dj_hertz/index.html -dave |
|
|
|
|
Nov 27 2007, 05:11 AM
Post
#5
|
|
|
Trap Double Mocha Member Group: Members Posts: 2,360 Joined: 21-September 07 Member No.: 50,369 |
This suggestion is very helpful for those who are developing web application for both IE and Mozila Browser.
Thanks Buddy. -Suresh Kumar Pathak |
|
|
|
|
Dec 1 2007, 09:12 PM
Post
#6
|
|
|
Premium Member Group: Members Posts: 150 Joined: 9-April 07 From: Nebraska Member No.: 41,301 |
That's pretty cool. I've been trying to find good tutorials on making stuff work for IE, like the position:fixed; thing, but a lot of them either take a lot of code, or they don't work.
I think people should just stop using IE and all go to FF. But I guess I could use that on my pages for all the people that still use IE. |
|
|
|
|
Dec 2 2007, 01:16 PM
Post
#7
|
|
|
Privileged Member Group: [HOSTED] Posts: 569 Joined: 13-December 06 Member No.: 35,271 |
A preveiw perhaps?
And alot of people use Firefox instead of IE, I know I certianly use Firefox. |
|
|
|
|
Dec 10 2007, 08:55 PM
Post
#8
|
|
|
Trap Double Mocha Member Group: Members Posts: 2,360 Joined: 21-September 07 Member No.: 50,369 |
When you think that the content doesn't even require a vertical scrollbar you might have used a iframe or a <div> with text in it that will exceed the total length...
There just isn't a solution?!?...So you will have to learn to live with a vertical scrollbar. Is that it? I have used the html{overflow:hidden;} 'trick', but this doesn't' work in IE6 or IE7, only Mozilla browsers seem to get rid of the vertical scrollbar. To be sure I have put it in the external CSS and also inline in the <head> of my pages. But whatever I do there always is a vertical scrollbar... Is this just me? -Erick Schluter |
|
|
|
|
Jan 17 2008, 07:16 PM
Post
#9
|
|
|
Trap Double Mocha Member Group: Members Posts: 2,360 Joined: 21-September 07 Member No.: 50,369 |
Erick - I was having no luck with html{overflow:auto;} either until I added it to the "body" in css:
Html, body { Overflow:auto; } -Keith Bucklen |