May 17, 2008

Css Trick: Hide Disabled Internet Explorer Vertical Scrollbar

Free Web Hosting, No Ads > CONTRIBUTE > Tutorials
Pages: 1, 2

free web hosting

Css Trick: Hide Disabled Internet Explorer Vertical Scrollbar

Carsten
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 {
overflow: auto;
}
If you don't have a stylesheet yet, put this code in your html header:
CODE
<style type="text/css">
html {
overflow: auto;
}
</style>


Not much code needed, huh biggrin.gif

 

 

 


Reply

beeseven
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).

Reply

diamond_php
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!!! biggrin.gif

Reply

Trap FeedBacker
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

Reply

Trap FeedBacker
This suggestion is very helpful for those who are developing web application for both IE and Mozila Browser.
Thanks Buddy.

-Suresh Kumar Pathak

Reply

hippiman
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.

Reply

Forbez
A preveiw perhaps?
And alot of people use Firefox instead of IE, I know I certianly use Firefox.

Reply

Trap FeedBacker
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

Reply

Trap FeedBacker
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

Reply

Trap FeedBacker
Scrollbar goes away, but...
Css Trick: Hide Disabled Internet Explorer Vertical Scrollbar

Scrollbar goes away, but my DIVs go crazy with that CSS option... Is there any other way to remove that damned scrollbar?

-reply by Zorba

Reply

Latest Entries

Trap FeedBacker
works for me
Css Trick: Hide Disabled Internet Explorer Vertical Scrollbar

Overflow-y:hidden; (vertical scroll bar)
Overflow-x:hidden; (hide horizontal scroll bar)

^^ this worked perfectly for me.

-reply by tikistar

Reply

Trap FeedBacker
Hide Horizontal Scroll
Css Trick: Hide Disabled Internet Explorer Vertical Scrollbar

Replying to Trap FeedBacker
Thanks buddy I got it, I was finding this command since morning, thanks a lot for help me.

-reply by Faraz

Reply

Trap FeedBacker
Try using this in the css
Overflow-y:hidden; (vertical scroll bar)
Overflow-x:hidden; (hide horizontal scroll bar)

-reply by mehreen

Reply

Trap FeedBacker
A bit dirty but works ;-)

SCROLLBAR-FACE-COLOR: #FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
SCROLLBAR-SHADOW-COLOR: #FFFFFF;
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
SCROLLBAR-ARROW-COLOR: #000066;
SCROLLBAR-TRACK-COLOR: #FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
SCROLLBAR-BASE-COLOR: #FFFFFF;

Piglet

Reply



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:

Pages: 1, 2
Recent Queries:-
  1. no scroll in ie - 0.98 hr back.
  2. hide scrollbar html - 1.06 hr back.
  3. disable scroll css - 2.26 hr back.
  4. hide vertical scrollbar html - 2.32 hr back.
  5. how do you hide your scroll bar - 2.50 hr back.
  6. hide scrollbars in ie - 2.68 hr back.
  7. css auto scrollbar - 2.81 hr back.
Similar Topics

Keywords : css, trick, hide, disabled, internet, explorer, vertical, scrollbar

  1. Make A Moderately-secure Password System Using Javascript
    using file redirection to hide the password. (2)
  2. Increase Internet Bandwidth In Windows Xp
    (8)
    Windows XP reservers 20 percent of the Internet bandwidth for QoS ( Quality of Service). This is
    unnecessary and can be disabled. By disabling this you get a boost in the Bandwith. Follow the
    following steps: * Select Start > Run and enter gpedit.msc to Open the Group Ploicy Editor.
    * In the left-hand column in the window, navigate to Computer Configuration > Administrative
    Templates > Network > QoS Packet Scheduler * In the right column double-click on Limit
    reservable bandwidth and select Enabled . * Change the Bandwidth Limit to 0 and click OK. N....
  3. How To Hide Your Important Files And Folders
    In Ms. Windows, Without Using Programmes. (7)
    Most of people share their computers with others -family, mates, buddy or whoever- and that sharing
    threatens their secrets and private file to be revealed, letting some people to know things they
    shouldn't know.. My Securing Way: Operation - Camouflage Use an Icon
    Editor to generate a 1x1 Transparent Icon and Save it .. > 1 Open CMD.. Start >> Run or Press
    WindowsLogo+R.. Lets Say you wanna hide a Folder named " secure " and it's located in
    E:\folder\ so Write E: and Press Enter then Write Cd folder and Enter then At....
  4. Internet Explorer Sucks
    Yeah, I said it. (12)
    I'll give you guys a special sneak preview of this tutorial... a good ten minutes before it
    comes out on my website... enjoy. Internet Explorer Sucks Description Its time to send those
    pesky Internet Explorer users a message. Learn how with my brand new "IE Sucks" PHP Code. (Only
    $29.99, but wait there's more!) Try It Out Alright, in order to give those IE users
    what they deserve we will be using the good ol' HTTP_USER_AGENT command. This command grabs the
    users browser name, etc. Its also useful for all kinds of other things such as stalki....
  5. Internet Connection Sharing With Xbox 360 And A Laptop
    For Windows XP (possibly Vista) (4)
    Alright, I just found out about this very recently on my quest to get a wireless adapter for my Xbox
    360. You can use the wireless connection from your laptop as an internet connection for the 360.
    I'm putting this up because I had a lot of trouble with the DNS portion of this and no one has
    posted up the way that I found to do it, so here I go. Supplies: Laptop connected to internet Xbox
    360 Ethernet Cable (comes with Xbox, can use any other though) 1. First, have your xbox turned on.
    Also have your PC on, since this next part is all with the computer. This will....
  6. Css Scroll Bar Styles
    Change the color of your website scrollbar! (1)
    REQUIREMENTS 1. Must have limited to good knowledge of CSS. 2. Must have limited to good knowlege
    of HTML. THE ELEMENTS First of all, there are 7 different elements of a scrollbar. a) Scrollbar
    Arrow Color /cool.gif" style="vertical-align:middle" emoid="B)" border="0" alt="cool.gif" />
    Scrollbar Darkshadow Color c) Scrollbar Track Color d) Scrollbar Face Color e) Scrollbar Shadow
    Color f) Scrollbar Highlight Color g) Scrollbar 3dlight Color Bassically all that you need to do is
    change the colors like you normally do with any sort of CSS. Therefore, if you want the....
  7. How To Delete Your Search History In Microsoft Internet Explorer
    (3)
    How to delete your search history in Microsoft Internet Explorer As you know, when you type a
    keyword in google or yahoo, Microsoft Internet Explorer saves your keyword for later search.
    Unfortunately these keywords remain on your hard drive even you clean your cookies. To clean your
    keywords do following: In Microsoft Internet Explorer 6.0 1- Click on Tools and then select
    Internet Options. 2- In Internet Option window, click on content tab. 3- In content tab, click on "
    AUTOCOMPLETE" button. 4- In " AUTOCOMPLETE SETTINGS" window, click on " CLEAR FORMS" to remove....
  8. How To Build A Pure Css Using Online Tools Tutorial (part 4)
    Vertical Nav Menu (0)
    Step 4 Vertical Nav Menu The next step is to add in a basic rollover menu so I bring you to the
    following online tool: Menu Generator Now with this online tool you can not only create
    vertical but also horizontal rollover menus. Since we will be doing a Verticle menu we will keep it
    on that option. Now the next part is deciding if we want it fixed, relative, or absolute. If we
    have learned anything it is insane trying to make a absolute or fixed position work perfectly for
    all three browsers (IE, FF, Opera). So to keep our minds sane we will use relative,....
  9. Psp Error- Tut On How To Fix
    When you try to use the internet does your psp get an internal error? (25)
    First of all, psp can browse the internet with its simple browser. BUT! What you may not know
    is that there is a bug where when you try to search or use a wireless lan connection (WLAN) the psp
    may say something like: Internal Error (80410A0B) To fix this without any memory loss, take out
    the UMD which is in the psp, and also take out the memory card. Next, go to settings, then system
    settings and click restore settings, the psp may freeze up, but it is not broken, take out the
    batter pack and put it back in, the settings should be restored and all should work.....
  10. Speed Up Your Internet Explorer Fast As Firefox
    Internet Explorer isn't slow (15)
    This is s little tip that you can make your Internet Explorer browser can run fast as Firefox
    browser. You can make it by following the step by step below step 1: first you go to start menu
    and then choose run. step2: After you choose run,it appears a little box,then you can type regedit.
    step3:Find the key that you need by following this HKEY_CURRENT_USER \ Software \
    Microsoft \ Windows \ CurrentVersion \ InternetSettings step4:On the right box,right
    click and choose new ,then continue choose DWORD Value step5:type into the box : MaxConnec....
  11. Memory Trick To Speedup Windows Xp
    (26)
    Here is one of the not so known method for free-up the RAM to make the Windows run faster. When
    programs run in Windows XP, they frequently use what are called DLLs (Dynamic-Link Libraries). These
    contain shared programming instructions and other files like icons, graphics, sounds, etc. that
    different applications use in order to run. DLLs are stored in RAM whenever the applications load
    them; when you quit a program, XP is supposed to release the DLL from memory. But some DLLs can get
    stuck. Here is the method to mend this up. Step 1: You can force Windows XP to re....
  12. Hide Names In Welcome Screen
    in XP (0)
    Annoyed by seeing many User Names in the Welcome Screen you can remove them Some times a user needs
    to be added to access a network resource but the user will not be physically logged in to your
    system. In such cases you can remove his/her name from the WelcomeScreen in Xp to do this go to
    Registry editor as normal go to HKEY_LOCAL_MACHINE\SOFTWARE\MICROSOFT\WINDOWS
    NT\CURRENT VERSION\WINLOGON\SPECIALACCOUNTS\USERLIST\ Right click in the
    empty space in the right pane and create a new DWORD value Name this new value "Username"....
  13. Dos 6.22 Trick With Ramdrive
    Make a legacy app not need a hard drive (0)
    This is partly fun, partly to record how I got around an annoying restriction with a particular
    piece of software we use to control door locks. This software must run on DOS 6.22, not Windows 98
    command line, not in a DOS window, but native DOS. Very particular. I had been installing DOS 6.22
    onto a spare laptop, loading the software and then our data, running the program, backing up the
    data, wiping the laptop's drive, and restoring our standard Win2K setup via ghost. That worked,
    but it killed a couple of hours every time I had to run that program, and I wasn'....
  14. How To: Change Your Website's Index File
    a simple trick using .htaccess (18)
    How To: Change Your Website's Index File a simple trick using the .htaccess file A simple
    tutorial which only involves editing one little file. Useful for those of us who have mime-typed
    extensions or who are creating lots of test design files and want an easy way to make the design
    they like best their default file. Create a file called .htaccess in the /public_html/ folder if
    you don't have it. I think one should be there already when you get your site so if it isn't
    you should create it anyway! In the file write the following: CODE Di....
  15. How To: Hide The Real Url Of Your Images
    using php (26)
    Hiding The Real URL To Your Images Using php to protect the real url to your images In this
    tutorial I will explain how you can easily hide the real .gif or .jpg url to your images by masking
    it with php. This is not hard to do. A basic amount of php knowledge is required for this tutorial.
    Note: This will not protect your images for content robbers. 1. Create a new php file and save
    it as img.php in the public_html directory 2. Add the following code to img.php. All important
    notes and information are explained in the remming. CODE <? $ext....
  16. ---> Speed Up Internet <----
    (1)
    QUOTE I have already posted block adserver. Use that to update your hosts file QUOTE
                1. Windows 2k/XP               1. First, open the Windows Registry using Regedit, and
    (after backing up) navigate to:                  
    HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\Tcpip\ServiceProvider
                  2. Note the following lines (all hex dwords):                   Class = 008 (
    /biggrin.gif' border='0' style='vertical-align:middle' alt='biggrin.gif' />   - indicates that
    TCP/IP is a name service provider, d....
  17. Test Your Php Pages W/o Upload/internet
    complete *working* guide on how to test your php pages (55)
    In this tutorial, I'm going to show you how to test your PHP pages without the Internet or
    uploading the files to your trap17 server. This tutorial is similar to doom's, but the links he
    provided does not work, so I decided to make my own tutorial with working links. The program that I
    will be using for this tutorial is called XAMPP . XAMPP is a modification of the popular Apache
    server, and I'm using XAMPP because of its simplicity to install as well as maintain. The
    current version of XAMPP is 1.4.13 and it has the following bundled in the download: QUOT....

    1. Looking for css, trick, hide, disabled, internet, explorer, vertical, scrollbar

Searching Video's for css, trick, hide, disabled, internet, explorer, vertical, scrollbar
advertisement



Css Trick: Hide Disabled Internet Explorer Vertical Scrollbar



 

 

 

 

ADD REPLY / Got an Opinion! Remove these ADs! RAPID SEARCH! Free Web Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE