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:
- it needs users able format bulk image posts little html knowledge.
- 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
Post a Comment