html - How to get IE and Firefox to resize images in table _without_ stylesheet access? -


i encountering same frustrating problem has been asked here few times:

fluid images in ie , firefox (max-width)

why doesn't ie respect table width fluid image child

both of these solutions offer "table-layout:fixed;" solution.

however in case, helping friend runs simple multi-user wordpress site, , has few restrictions:

  1. it needs users able format bulk image posts little html knowledge.
  2. image posts done via widget reformats [img] linked image. unfortunately there no alternative this.

i suggested below code, works cleanly in chrome , safari:

<table class=" aligncenter" width="95%" cellpadding="3"> <tr> <td>[img]image 1[/img]</td> <td>[img]image 2[/img]</td> <td>[img]image 3[/img]</td> <td>[img]image 4[/img]</td> <td>[img]image 5[/img]</td> </tr> </table> 

the desired outcome works in chrome , safari this

however ie , firefox show this

i had hoped toss 'style="table-layout:fixed;"' table tag, of course life isn't simple. tried adding each tr , td tag, produced 0 change.

is there other way force ie , firefox images respect table width , resize accordingly?

or there way div-based architecture instead?

very frustrating, , having no stylesheet access handcuffing, expect there must way.

thanks in advance!!


Comments

Popular posts from this blog

javascript - Chart.js (Radar Chart) different scaleLineColor for each scaleLine -

apache - Error with PHP mail(): Multiple or malformed newlines found in additional_header -

java - Android – MapFragment overlay button shadow, just like MyLocation button -