[resolved] need help in css hack for image (7 posts)

  1. xinfo
    Posted 8 years ago #


    when i post any image in the post my image get over flow over the side bar in firefox and ie

    i applied in css

    p img {max-width:100%}

    now my image get controlled in Firefox not in ie

    i like to know how to control the image in IE

  2. moshu
    Posted 8 years ago #

    It will never get "controlled" by WP.
    Resize manually your images before uploading to fit in the area you have for your content.

  3. mdi
    Posted 8 years ago #

    don't know if it works with "1oo%", but you can define a maximum width/height in pixel. internet explorer doesn't understand "max-width". you have to tell him something like that:

    p img {
    width: expression(this.width > 450 ? 450: true);

  4. xinfo
    Posted 8 years ago #

    @mosh agreed but i asked for css help

    @mdi you hack work great thank you

  5. moshu
    Posted 8 years ago #

    I still consider the CSS a bad solution: inexperienced users often limit the physical size (i.e. width XXXpx) but leave unchanged the 2MB file size... which is a PITA for visitors. So, no - even if you think this was a smart solution, actually it isn't.

  6. xinfo
    Posted 8 years ago #

    your right but for time being i can use it which don't look bad on IE since my blog have huge visitor from ie i thought of your idea to resize the image but i have more than 4k post it mean i have 4k image

    i found one theme crayon word by sadish which is very well crafed for ie and firefox

    i checked the css but suprising he didn't mention/limit any thing for image but look good for any huge size image

  7. mdi
    Posted 8 years ago #

    you're absolutely right, moshu. resize and then upload is the best solution.

Topic Closed

This topic has been closed to new replies.

About this Topic