Removing horizontal scroll with i-f-r-a-m-e - GoFuckYourself.com

Sly · 04-03-2007, 03:28 PM

I'm using an i-f-r-a-m-e on a site and apparently its showing a horizontal scroll bar. I'm not getting it but others are. I can't figure out how to drop the horizontal scroll only.

Is this possible?

Wooo an actual webmaster/tech question?!

tical · 04-03-2007, 03:30 PM

scrolling=no

or

keep your page within the iframe width dimensions

fuzebox · 04-03-2007, 03:30 PM

scrolling=none ?

Ice · 04-03-2007, 03:33 PM

http://www.adobe.com/devnet/dreamwea...al_scroll.html

Sly · 04-03-2007, 03:34 PM

Pretty sure that eliminates the vertical as well, which is what I was needing. Did my best to keep the page within the dimensions, but with text you would think it would automatically fill properly to utilize the vertical scroll without requiring a horizontal scroll. Obviously not.

tical · 04-03-2007, 03:35 PM

put the text on your page in a table with a fixed width so that it wraps

Sly · 04-03-2007, 03:36 PM

Quote:

Originally Posted by tical

put the text on your page in a table with a fixed width so that it wraps

Heh. Amazing how the simplest solutions sometimes elude you.

Thanks.

tical · 04-03-2007, 03:41 PM

Quote:

Originally Posted by Sly

Heh. Amazing how the simplest solutions sometimes elude you.

Thanks.

werd, you owe me 10 signups... sign up to camspotcash now!!

Boobzooka · 04-03-2007, 04:25 PM

Put this in the head. Should cover all browsers.

Code:

<style>
body {overflow-x: hidden; overflow-y: auto;}
</style>

<style>
html {overflow:-moz-scrollbars-vertical;}
</style>

gornyhuy · 04-04-2007, 12:28 PM

Quote:

Originally Posted by DareRing

Put this in the head. Should cover all browsers.

Code:

<style>
body {overflow-x: hidden; overflow-y: auto;}
</style>

<style>
html {overflow:-moz-scrollbars-vertical;}
</style>

Yep, this works for me in some really complicated web2.0 apps across all tested browsers, and works better than an table for non-text content.

04-03-2007, 03:28 PM	#1
Sly Let's do some business! Industry Role: Join Date: Sep 2004 Location: Austin, TX Posts: 31,329	Removing horizontal scroll with i-f-r-a-m-e I'm using an i-f-r-a-m-e on a site and apparently its showing a horizontal scroll bar. I'm not getting it but others are. I can't figure out how to drop the horizontal scroll only. Is this possible? Wooo an actual webmaster/tech question?! __________________ Vacares - Web Hosting, Domains, O365, Security & More - Paxum and BTC Accepted Windows VPS now available Great for TSS, Nifty Stats, remote work, virtual assistants, etc. Click here for more details.

04-03-2007, 03:30 PM	#2
tical Confirmed User Join Date: Feb 2002 Location: Las Vegas Posts: 6,504	scrolling=no or keep your page within the iframe width dimensions __________________ 112.020.756

04-03-2007, 03:33 PM	#4
Ice Confirmed User Join Date: Nov 2002 Location: Sunny California Posts: 26,053	http://www.adobe.com/devnet/dreamwea...al_scroll.html __________________ icq 1904905

04-03-2007, 03:34 PM	#5
Sly Let's do some business! Industry Role: Join Date: Sep 2004 Location: Austin, TX Posts: 31,329	Pretty sure that eliminates the vertical as well, which is what I was needing. Did my best to keep the page within the dimensions, but with text you would think it would automatically fill properly to utilize the vertical scroll without requiring a horizontal scroll. Obviously not. __________________ Vacares - Web Hosting, Domains, O365, Security & More - Paxum and BTC Accepted Windows VPS now available Great for TSS, Nifty Stats, remote work, virtual assistants, etc. Click here for more details.

04-03-2007, 03:35 PM	#6
tical Confirmed User Join Date: Feb 2002 Location: Las Vegas Posts: 6,504	put the text on your page in a table with a fixed width so that it wraps __________________ 112.020.756

04-03-2007, 03:30 PM	#3
fuzebox making it rain Industry Role: Join Date: Oct 2003 Location: seattle Posts: 22,119	scrolling=none ?

04-03-2007, 04:25 PM	#9
Boobzooka Confirmed User Join Date: Aug 2006 Location: BOOBZOOKA.COM Posts: 626	Put this in the head. Should cover all browsers. Code: <style> body {overflow-x: hidden; overflow-y: auto;} </style> <style> html {overflow:-moz-scrollbars-vertical;} </style> __________________ BOOBZOOKA: Amateur Affiliate Program featuring SellYourSexTape: Real couples document their lovelife for one week. HerBedroomWindow: Girls recording themselves alone at home. \| DareRing: "Truth Or Dare?" themed adult party games.