WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Fixed Column Width in Firefox = Variable Width in IE ? (4 posts)

  1. robmaguire
    Member
    Posted 7 years ago #

    When viewing our blog in Firefox, if an image is too wide for the column it appears as cropped (desired outcome). In Internet Explorer, however, an overly wide image mucks with the column width, pushing everything over (undesired). Where do I look to find this problem and fix it?

    Here is an example:
    http://citizen.nfb.ca/blogs/citizenshift/roadsworth-on-the-road-again/

  2. Doodlebee
    Member
    Posted 7 years ago #

    IE views widths and heights the same way Firefox views min-width and min-height. Set a *hight* in a div, and Firefox will retain that number - if you set it to 100px, then in Firefox, by God, it's 100px and no more. In IE, it's 100px, unless the content is bigger, then it'll push it down.

    To fix it, you have to set a conditional comment for IE and tell it *not* to display the "overflow" by setting "overflow:hidden;" Since this is happening in your posts, I'd say to do it on your entry class.

  3. moshu
    Member
    Posted 7 years ago #

    It is much more advisable to resize your images before uploading! Anyway, posting multiple 80KB images in a post is very unfriendly behaviour :)

  4. robmaguire
    Member
    Posted 7 years ago #

    Thanks doodlebee. The problem seems worse in IE 6 than 7. I'll try your fix and see what happens!

    Moshu, I'd love it if all the users remembered to resize (and resample!) before uploading, but I'm trying to cover my butt so the site isn't screwed if they do.

Topic Closed

This topic has been closed to new replies.

About this Topic