?
Solved

Percentage width for Images in IE(7)

Posted on 2009-04-24
3
Medium Priority
?
684 Views
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.
0
Comment
Question by:Starnzy
  • 2
3 Comments
 
LVL 13

Accepted Solution

by:
qwerty021600 earned 1500 total points
ID: 24223816
not advisable to specify width in percentage. as image will take it's own width in pixels.
0
 

Author Comment

by:Starnzy
ID: 24239540
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?
0
 
LVL 13

Expert Comment

by:qwerty021600
ID: 24240814
Can u share the URL or the peice of code along with image to have a better view.
0

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
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.
This Micro Tutorial will demonstrate how to add subdomains to your content reports. This can be very importing in having a site with multiple subdomains.
Suggested Courses

850 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