danneskjold
07-10-2010, 08:27 PM
I have images on my site which have captions. I want the captions to appear below the images. This is working correctly in Safari and Firefox (among other browsers), but I am getting other behavior from Internet Explorer. In IE, the caption is appearing above the image. Attached is a screenshot of the two behaviors:
http://www.manifoldseven.com/IE.jpg
I'm using the following HTML to generate the captions:
<table class="image" align="center">
<caption align="bottom"><b><font face="Arial" size="1" color="#B7000E">Thomas</font></b></caption>
<tr>
<td><img border="0" src="http://www.leftwinglock.com/images/team_logos/bruins.gif" width="70" height="50"></td>
</tr>
</table>
But, I believe the problem is that a CSS file may be conflicting with this - at least for Internet Explorer. I believe this because if I just use that code as a stand-alone (outside of the website and with no CSS), it produces the correct behavior in IE (caption on the bottom).
If you can help me, I would really appreciate it. And please let me know if I need to post a CSS tag or any other code to help answer the question.
http://www.manifoldseven.com/IE.jpg
I'm using the following HTML to generate the captions:
<table class="image" align="center">
<caption align="bottom"><b><font face="Arial" size="1" color="#B7000E">Thomas</font></b></caption>
<tr>
<td><img border="0" src="http://www.leftwinglock.com/images/team_logos/bruins.gif" width="70" height="50"></td>
</tr>
</table>
But, I believe the problem is that a CSS file may be conflicting with this - at least for Internet Explorer. I believe this because if I just use that code as a stand-alone (outside of the website and with no CSS), it produces the correct behavior in IE (caption on the bottom).
If you can help me, I would really appreciate it. And please let me know if I need to post a CSS tag or any other code to help answer the question.