Topic: “.post { overflow: auto; }” IE problems

“.post { overflow: auto; }” IE problems

airdrawndagger
Member

@airdrawndagger

17 years, 3 months ago

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!

Viewing 7 replies - 1 through 7 (of 7 total)

chrishajer
Participant

@chrishajer

17 years, 3 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

@crazybatca

17 years, 3 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

@airdrawndagger

17 years, 3 months ago

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

crazybatca
Member

@crazybatca

17 years, 3 months ago

Hmmm. Do you have a screenshot of this?

airdrawndagger
Member

@airdrawndagger

17 years, 3 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

@airdrawndagger

17 years, 3 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

@airdrawndagger

17 years, 3 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?