Skip to:
Content
Pages
Categories
Search
Top
Bottom

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


  • airdrawndagger
    Member

    @airdrawndagger

    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

    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.

    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

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

    Hmmm. Do you have a screenshot of this?


    airdrawndagger
    Member

    @airdrawndagger

    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


    airdrawndagger
    Member

    @airdrawndagger

    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? :)

Viewing 7 replies - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.
Skip to toolbar