Support » Themes and Templates » need help in css hack for image

  • Resolved xinfo

    (@xinfo)


    Hi

    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

Viewing 6 replies - 1 through 6 (of 6 total)
  • moshu

    (@moshu)

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

    mdi

    (@mdi)

    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);
    max-width:450px;
    }

    xinfo

    (@xinfo)

    @mosh agreed but i asked for css help

    @mdi you hack work great thank you

    moshu

    (@moshu)

    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.

    xinfo

    (@xinfo)

    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

    mdi

    (@mdi)

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘need help in css hack for image’ is closed to new replies.