css problem with scrollbar

nick · 01-05-2011, 12:15 PM

(link removed)

I'm having some trouble with the scroll-bar on the "content" tag preventing the right side of the page to show up.

It works fine in internet explorer, but not firefox/chrome

Any ideas on how to fix this?

edit: cleared up! thanks

carob · 01-05-2011, 12:18 PM

In FF I see a yellow right column with this text:
"lol right side ads or something"
next to it I see a vertical scrollbar, but afaik it is not covering anything.

tiawood · 01-05-2011, 12:50 PM

I noticed this was a fluid design. You have the content floating left and the right side floating right....I noticed when I hit the square icon in Firefox (not the minimize button but the one that looks like a box next to the exit button - I just realized I don't know what it's called! LOL) it slides into place and the far right scroll bar disappears.

Firefox and IE have a slight difference with that far right scroll bar padding. If the design doesn't have to be fluid, you can set the wrapper to be a certain width and subtract 200 from that to come up with a fixed content width.

Otherwise, you can change the width of #right to about or less than 195px.

nick · 01-05-2011, 02:36 PM

Originally Posted by carob

In FF I see a yellow right column with this text:
"lol right side ads or something"
next to it I see a vertical scrollbar, but afaik it is not covering anything.

Odd that it would show up normal, wonder why it's not for me hmm. *css headache*

Originally Posted by tiawood

I noticed this was a fluid design. You have the content floating left and the right side floating right....I noticed when I hit the square icon in Firefox (not the minimize button but the one that looks like a box next to the exit button - I just realized I don't know what it's called! LOL) it slides into place and the far right scroll bar disappears.

Firefox and IE have a slight difference with that far right scroll bar padding. If the design doesn't have to be fluid, you can set the wrapper to be a certain width and subtract 200 from that to come up with a fixed content width.

Otherwise, you can change the width of #right to about or less than 195px.

I hit the box button on my screen also, and everything started to line up perfectly lol. No idea why that would work and everything else wouldn't. I hate div'ing!
????: NamePros.com http://www.namepros.com/programming/695025-css-problem-with-scrollbar.html

Looks like I'm just gonna reduce the right width on there and everything should fall in to place, thanks for your input

01-05-2011, 12:15 PM	THREAD STARTER #1 (permalink)
nick NamePros Regular Join Date: Jun 2004 Location: Iowa City Posts: 703	css problem with scrollbar (link removed) I'm having some trouble with the scroll-bar on the "content" tag preventing the right side of the page to show up. It works fine in internet explorer, but not firefox/chrome Any ideas on how to fix this? edit: cleared up! thanks __________________ formally ninedogger ------ Want to talk to a stranger? -->\| Click Here \| TalkToAStranger.com \| <-- Meet New Friends Last edited by nick; 01-05-2011 at 02:37 PM.

01-05-2011, 12:18 PM	#2 (permalink)
carob NamePros Regular Join Date: Mar 2009 Posts: 546	In FF I see a yellow right column with this text: "lol right side ads or something" next to it I see a vertical scrollbar, but afaik it is not covering anything. __________________ This is political opinionpoll.me \| free recipes for drinks on your phone and tapforex.com for currency \| energy meters digital archery \| walletdeal \| shopfor3d.com \| casino cloud \| mobilehealthcarestore \| 3dfashionistas \| e-bike.tv \| carwallets.com \| ebookreader

01-05-2011, 12:50 PM	#3 (permalink)
tiawood NamePros Regular Join Date: Oct 2008 Location: Florida Posts: 450 Follow @NameHoney	I noticed this was a fluid design. You have the content floating left and the right side floating right....I noticed when I hit the square icon in Firefox (not the minimize button but the one that looks like a box next to the exit button - I just realized I don't know what it's called! LOL) it slides into place and the far right scroll bar disappears. Firefox and IE have a slight difference with that far right scroll bar padding. If the design doesn't have to be fluid, you can set the wrapper to be a certain width and subtract 200 from that to come up with a fixed content width. Otherwise, you can change the width of #right to about or less than 195px. __________________ ██ 6 Website HotSpots You May Have Missed \| Custom Web Development & Graphic Deals ██

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
CSS Link Background Color Problem	thopunk	Programming	2	04-03-2006 01:00 AM
weird CSS problem with IE...	branwen	Programming	3	05-26-2005 09:21 PM
Mozilla Engine, CSS, Scrolling problem	crache	Programming	7	06-06-2004 08:28 PM
CSS Alignment problem	wistow	Programming	4	05-21-2004 12:02 PM

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)