[html]Horizontal scroll lock? - Tilted Forum Project Discussion Community

j0hnb · 06-21-2004, 07:39 PM

Is there a way to only lock the horizontal scroll bar, not the vertical one? I've done a quick search on it with no luck. Any ideas on how to do this?

SinisterMotives · 06-22-2004, 02:36 PM

Do you mean eliminate the horizontal scrollbar completely? I'm not sure why you would want a page wider than the window width but not want the user to be able to scroll over it.

j0hnb · 06-22-2004, 05:18 PM

I'm using iframes, and all the info fits within the frame but no matter what I do I am still getting a horizontal scroll bar. The page that the iframe loads is pretty much a table with some text, I cut that to half the size of the iframe and I still get the scroll bar. I can't figure out what is wrong with it, so I want to remove it.

SinisterMotives · 06-22-2004, 05:29 PM

Scrollbars can only be turned off as a set in windows and frames, not just the individual horizontal or vertical scrollbar.

Does the problem occur in every browser, or just the one you're using? The only reason it would be showing a scrollbar is if part of the content is wider than the window. You may want to put temporary visible borders on all of the TABLE and DIV elements in that page so you can see what they're doing. In particular, a DIV with a width of 100% will expand to the width of the entire page rather than to the width of the containing block in Mozilla.

Seventhnight · 06-25-2004, 03:29 AM

not true... you can turn off individual scrollbars (in IE atleast)

this belongs on the page in the iframe.:

<body style="overflow-x:hidden;overflow-y:scroll;">

SinisterMotives · 06-25-2004, 09:11 AM

Doh! Why didn't I think of that?

Regardless of that, it would be a good idea to find out why your page is forcing a horizontal scrollbar before you use a kludge to fix it. Kludging a layout or stylesheet tends to make for messy code - exactly the thing CSS was designed to help eliminate.

j0hnb · 06-26-2004, 08:35 AM

Thanks

06-21-2004, 07:39 PM	#1 (permalink)
j0hnb Crazy Location: Arnold, MD	[html]Horizontal scroll lock? Is there a way to only lock the horizontal scroll bar, not the vertical one? I've done a quick search on it with no luck. Any ideas on how to do this?

06-25-2004, 09:11 AM	#6 (permalink)
SinisterMotives Junkie	Doh! Why didn't I think of that? Regardless of that, it would be a good idea to find out why your page is forcing a horizontal scrollbar before you use a kludge to fix it. Kludging a layout or stylesheet tends to make for messy code - exactly the thing CSS was designed to help eliminate. Last edited by SinisterMotives; 06-25-2004 at 09:14 AM..

06-22-2004, 02:36 PM	#2 (permalink)
SinisterMotives Junkie	Do you mean eliminate the horizontal scrollbar completely? I'm not sure why you would want a page wider than the window width but not want the user to be able to scroll over it.

06-22-2004, 05:18 PM	#3 (permalink)
j0hnb Crazy Location: Arnold, MD	I'm using iframes, and all the info fits within the frame but no matter what I do I am still getting a horizontal scroll bar. The page that the iframe loads is pretty much a table with some text, I cut that to half the size of the iframe and I still get the scroll bar. I can't figure out what is wrong with it, so I want to remove it.

06-22-2004, 05:29 PM	#4 (permalink)
SinisterMotives Junkie	Scrollbars can only be turned off as a set in windows and frames, not just the individual horizontal or vertical scrollbar. Does the problem occur in every browser, or just the one you're using? The only reason it would be showing a scrollbar is if part of the content is wider than the window. You may want to put temporary visible borders on all of the TABLE and DIV elements in that page so you can see what they're doing. In particular, a DIV with a width of 100% will expand to the width of the entire page rather than to the width of the containing block in Mozilla.

06-25-2004, 03:29 AM	#5 (permalink)
Seventhnight Upright Location: Easley, SC	not true... you can turn off individual scrollbars (in IE atleast) this belongs on the page in the iframe.: <body style="overflow-x:hidden;overflow-y:scroll;">

06-26-2004, 08:35 AM	#7 (permalink)
j0hnb Crazy Location: Arnold, MD	Thanks