NameSilo

Css problem with scrollbar

Spaceship Spaceship
Watch

nick-8318

Established Member
Impact
23
(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
 
Last edited:
0
•••
The views expressed on this page by users and staff are their own, not those of NamePros.
GoDaddyGoDaddy
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.
 
0
•••
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.
 
0
•••
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*


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!

Looks like I'm just gonna reduce the right width on there and everything should fall in to place, thanks for your input
 
0
•••
Dynadot — .com Registration $8.99Dynadot — .com Registration $8.99

We're social

Unstoppable Domains
Domain Recover
DomainEasy — Payment Flexibility
  • The sidebar remains visible by scrolling at a speed relative to the page’s height.
Back