How to remove scroolbar in html - Tilted Forum Project Discussion Community

Nancy · 09-29-2004, 01:50 AM

hey there almighty programmers!

As part of my education as a media graphic artist I have to learn html. I'm currently working on a website but I'll be damned if I can remove the scroolbar that appears when I open the site in Explorer

help please?

crazycousinjim · 09-29-2004, 02:26 AM

It is generally, from a usability stand point, not good to hide scroll bars unless you are absolutely certain that the content you are displaying is smaller than the smallest screen your viewers will be using. Beleive it or not lots of people still use 800x600, and I have even seen a couple 640x480 browser come across a couple of my sites. One solution is to pop up another window using JavaScript, this will allow you to pretty much customize that windows appearance, size, width, height, scrollbars, toolbars, as much as you wish. But, if after all that you still want to hide you scroll bars you will need to use CSS and make a style that looks like this:

html, body {height: 100%; width: 100%; overflow: hidden;}

SinisterMotives · 09-29-2004, 03:25 PM

Internet Explorer shows a "grayed out" vertical scrollbar track whether there's actually a scrollbar in it or not. I presume this is what you're referring to. You could try using Microsoft's proprietary CSS properties for scrollbars to change the colors to match your page background. But then the problem becomes: if the content is larger than can be displayed without scrolling, users won't be able to find the scrollbar. It would probably be best to just not worry about it and view the page in Mozilla if it really bugs you that much.

Nancy · 09-29-2004, 10:08 PM

Quote:

Originally Posted by SinisterMotives

Internet Explorer shows a "grayed out" vertical scrollbar track whether there's actually a scrollbar in it or not. I presume this is what you're referring to. You could try using Microsoft's proprietary CSS properties for scrollbars to change the colors to match your page background. But then the problem becomes: if the content is larger than can be displayed without scrolling, users won't be able to find the scrollbar. It would probably be best to just not worry about it and view the page in Mozilla if it really bugs you that much.

yeah that would be the scroll bar I'm talking about, grrr.

I do use Mozilla at home but the Website is for all my clients to see and I seriously doubt that they use Mozilla so they'll be able to see the scrollbar

Nancy · 09-29-2004, 10:15 PM

Quote:

Originally Posted by crazycousinjim

It is generally, from a usability stand point, not good to hide scroll bars unless you are absolutely certain that the content you are displaying is smaller than the smallest screen your viewers will be using. Beleive it or not lots of people still use 800x600, and I have even seen a couple 640x480 browser come across a couple of my sites. One solution is to pop up another window using JavaScript, this will allow you to pretty much customize that windows appearance, size, width, height, scrollbars, toolbars, as much as you wish. But, if after all that you still want to hide you scroll bars you will need to use CSS and make a style that looks like this:

html, body {height: 100%; width: 100%; overflow: hidden;}

My website is locked to 800x600 so no problem there. But I do fear that the website will look too small with a 1600x1200 resolution

thanks for the tip I'll try it out and see if I can make it work

dunkelhelmut · 10-05-2004, 09:18 PM

Can't you get the screen resolution with Javascript? Then can't you resize the window to be just beyond the resolution?

I do agree that removing toolbars will make your users mad. With Firefox, I have all of that JS-based window manipulation disabled.

trevlya006 · 10-06-2004, 04:58 AM

thought it had to do with the fucntions ... scrolling = no ... thats what i was tought...

heres my script from my xanga..

Code:

linknav = window.open('/Subscriptions/SubscriptionBrowser.asp?id=0', 
'linknav', 'height=15,menubar=no,resizable=yes,
scrollbars=no,toolbar=no,width=30');

but i would assume that would be java over anything...

and if you were going to write it in an iframe, since iframes are html its like this

Code:

<iframe src="yourpage.html" width="250" height="350" scrolling="no" frameborder="0"></iframe>

but either way its scroll=no haha or 0

SinisterMotives · 10-07-2004, 05:56 PM

Nancy, if your clients use Internet Explorer, they're used to seeing the greyed-out scrollbar track and won't think twice about it appearing on your site as well. I wouldn't go to extravagant lengths to try to get rid of something no one will notice in the first place. If you over-engineer your site, you're in for a maintenance nightmare down the road.

Herk · 10-07-2004, 06:02 PM

Quote:

Originally Posted by SinisterMotives

Nancy, if your clients use Internet Explorer, they're used to seeing the greyed-out scrollbar track and won't think twice about it appearing on your site as well.

LOL, well put. Basically, if your clients us IE, they are used to things sucking.

Herk

Nancy · 10-07-2004, 11:27 PM

Quote:

Originally Posted by SinisterMotives

Nancy, if your clients use Internet Explorer, they're used to seeing the greyed-out scrollbar track and won't think twice about it appearing on your site as well. I wouldn't go to extravagant lengths to try to get rid of something no one will notice in the first place. If you over-engineer your site, you're in for a maintenance nightmare down the road.

hmm..I guess you're right. fine - I shall not remove the scrollbar then

btw thanks for the help all!

09-29-2004, 01:50 AM	#1 (permalink)
Nancy Femme Fatale Location: Elysium	How to remove scroolbar in html hey there almighty programmers! As part of my education as a media graphic artist I have to learn html. I'm currently working on a website but I'll be damned if I can remove the scroolbar that appears when I open the site in Explorer help please? __________________ I have all the characteristics of a human being: blood, flesh, skin, hair; but not a single, clear, identifiable emotion, except for greed and disgust. Something horrible is happening inside of me and I don't know why. My nightly bloodlust has overflown into my days. I feel lethal, on the verge of frenzy. I think my mask of sanity is about to slip.

10-06-2004, 04:58 AM	#7 (permalink)
trevlya006 Tilted	thought it had to do with the fucntions ... scrolling = no ... thats what i was tought... heres my script from my xanga.. Code: linknav = window.open('/Subscriptions/SubscriptionBrowser.asp?id=0', 'linknav', 'height=15,menubar=no,resizable=yes, scrollbars=no,toolbar=no,width=30'); but i would assume that would be java over anything... and if you were going to write it in an iframe, since iframes are html its like this Code: <iframe src="yourpage.html" width="250" height="350" scrolling="no" frameborder="0"></iframe> but either way its scroll=no haha or 0 __________________ "Untill all that is different around you, you will be different" read about my situation Here! and always check back because i update it all the time

09-29-2004, 02:26 AM	#2 (permalink)
crazycousinjim Crazy Location: Copenhagen, Denmark	It is generally, from a usability stand point, not good to hide scroll bars unless you are absolutely certain that the content you are displaying is smaller than the smallest screen your viewers will be using. Beleive it or not lots of people still use 800x600, and I have even seen a couple 640x480 browser come across a couple of my sites. One solution is to pop up another window using JavaScript, this will allow you to pretty much customize that windows appearance, size, width, height, scrollbars, toolbars, as much as you wish. But, if after all that you still want to hide you scroll bars you will need to use CSS and make a style that looks like this: html, body {height: 100%; width: 100%; overflow: hidden;}

09-29-2004, 03:25 PM	#3 (permalink)
SinisterMotives Junkie	Internet Explorer shows a "grayed out" vertical scrollbar track whether there's actually a scrollbar in it or not. I presume this is what you're referring to. You could try using Microsoft's proprietary CSS properties for scrollbars to change the colors to match your page background. But then the problem becomes: if the content is larger than can be displayed without scrolling, users won't be able to find the scrollbar. It would probably be best to just not worry about it and view the page in Mozilla if it really bugs you that much.

10-05-2004, 09:18 PM	#6 (permalink)
dunkelhelmut Insane	Can't you get the screen resolution with Javascript? Then can't you resize the window to be just beyond the resolution? I do agree that removing toolbars will make your users mad. With Firefox, I have all of that JS-based window manipulation disabled.

10-07-2004, 05:56 PM	#8 (permalink)
SinisterMotives Junkie	Nancy, if your clients use Internet Explorer, they're used to seeing the greyed-out scrollbar track and won't think twice about it appearing on your site as well. I wouldn't go to extravagant lengths to try to get rid of something no one will notice in the first place. If you over-engineer your site, you're in for a maintenance nightmare down the road.