Home/ Questions/Q 3394580
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-18T04:11:14+00:00

I have a 3-column table which contains images. All td’s have width=33% , and

  • 0

I have a 3-column table which contains images. All td’s have width="33%", and the images contained have CSS width:100%. In FF and Opera, the images scale like I want them to, i.e. fill the entire width of the cell, maintaining their aspect ratio. However, in IE7, they behave quite differently: I think the pic with the largest width stretches the entire column, and the smaller ones are stretched up to the new available width.

The page in question is: http://mybgagent.com/print.php?offers_id=4515

(I know the site is a mess, I didn’t code it)

Any advice on what to do? Setting css position:absolute makes images scale correctly in IE, but breaks scaling in Opera and FF, as well as positioning in all browsers.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Sounds like you have a solution for each browser but no way to target it, well here comes the CSS Browser Selector to help you with that! Just plug in this jQuery to your site (in the <head> section), then write separate rules for IE and the real browsers and append .ie before your IE selectors 🙂

    Works great, I use it all the time!

    Example:

    myTd
{
   background: #f00; /*whatever your rules are*/
}

.ie .myTdv
{
   position: absolute;
}

    And that’s it!

    • 0