Percentage width for Images in IE(7)

Posted on 2009-04-24
Last Modified: 2013-12-20
I currently have a table based web page consisting of 3 columns, each equally sized with 33% width, obviously increasing and decreasing accordingly as the web browser is resized.

In one of these columns I have an image, which occupies the full width of that column/td. I have the images width set to 100%. In Firefox, Opera, Chrome and Safari, as I resize my browser window, the image resizes in relation to the column size - perfect. However, the image within IE shows at the images full (100%) size, therefore pushing the column/td width out greater than the 33% column width - as I resize IE, the other 2 columns resize fine, but the column containing the image remains static - stuck at the actual 100% image dimensions giving me 1 very wide column and 2 much narrower.

Can anyone please provide me with ANY hacks/css/tips/javascript...anything, that will get around this, so my image can scale proportionally when IE is resized, in the same way that all the other browsers work?

Thanks in advance.
Question by:Starnzy
    LVL 13

    Accepted Solution

    not advisable to specify width in percentage. as image will take it's own width in pixels.

    Author Comment

    OK, but despite it not being advisable - is there actually a way to get IE to handle the issue described above, in the same way as the other browsers?
    LVL 13

    Expert Comment

    Can u share the URL or the peice of code along with image to have a better view.

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Why You Should Analyze Threat Actor TTPs

    After years of analyzing threat actor behavior, it’s become clear that at any given time there are specific tactics, techniques, and procedures (TTPs) that are particularly prevalent. By analyzing and understanding these TTPs, you can dramatically enhance your security program.

    Citrix XenApp, Internet Explorer 11 set to Enterprise Mode and using central hosted sites.xml file.
    Read about why website design really matters in today's demanding market.
    Google currently has a new report that is in beta and coming soon to Webmaster Tool accounts. This Micro Tutorial will highlight new features for Google Webmaster Tools.
    Shows how to create a shortcut to site-search Experts Exchange using Google in the Chrome browser. This eliminates the need to type out whenever you want to search the site. Launch the Search Engine Menu: In chrome, via you…

    779 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    11 Experts available now in Live!

    Get 1:1 Help Now