I use “.post { overflow: auto; }” to get a sidescrollbar in Firefox, for big images and long URLs. In IE however, it also gives me a regular scrollbar. I only want the sidescroller. Could somebody help me with the CSS to fix this? Thanks!

[@chrishajer Participant 17 years, 4 months ago]

Do you have a picture of this happening, or a URL where it can be seen? There is no horizontal or vertical setting I know of for the overflow. So, I would like to see this and see how it might be fixed.

Does it display a vertical scrollbar on a long link too? That would be weird.

[@crazybatca Member 17 years, 4 months ago]

Try this:

.post { display: block; width: 100%; overflow: auto; overflow-x: auto; overflow-y: hidden; }

Tested in IE 6, Opera 9.23 and Firefox 2.0.0.6 on the PC

Didn’t test it on IE 7 though, so you might want to look at that…

cb

[@airdrawndagger Member 17 years, 4 months ago]

That removed the scrollbar but hides content below the .post-div.

[@crazybatca Member 17 years, 4 months ago]

Hmmm. Do you have a screenshot of this?

[@airdrawndagger Member 17 years, 4 months ago]

I’m sorry I don’t. It works on my version of IE, but not the ones at my job. Which also makes this quite tough for me to tackle. I was hoping now, with CSS being quite new and all, the different browsers would embrace using the same standards

Anyway, maybe the overflow-y: hidden is what hides the content below?

[@airdrawndagger Member 17 years, 4 months ago]

Here’s a post where it can be seen:

http://www.doublepeace.se/forum/topic.php?id=35&page&replies=30

[@airdrawndagger Member 17 years, 4 months ago]

This seems to work on all versions:

.post { display: block; width: 100%; overflow-x: auto; }

Except! In older versions of IE the sidescrollbar is on top of the last line of text in the post. Any takers?