Member Avatar for adaykin

Hello, I am having problems displaying a background image in ie. In firefox it looks perfect, but in ie I am having problems displaying the image, it doesn't display at all.

Here is my code:

<table  border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td height="120"  colspan="8" valign="bottom">
			<img src="https://www.rejoovme.com/images/wrapperHEAD_916.gif" alt="RejoovMe Relaxation Center" border="0" usemap="#Map"></td>
	</tr>
	<tr>
		<td background="https://www.rejoovme.com/images/wrapper_nav_left2.gif">
			<img src="https://www.rejoovme.com/images/20x20clear.gif" width="20" height="20"></td>
		<td width="67">
			<a href="https://www.rejoovme.com/benefits.html"><img src="https://www.rejoovme.com/images/benefits_off.gif" alt="" name="benefits" width="67" height="20" border="0" id="benefits" </a></td>
		<td width="53">
			<a href="https://www.rejoovme.com/faqs.html"><img src="https://www.rejoovme.com/images/faqs_off.gif" alt="" name="faqs" width="53" height="20" border="0" id="faqs" ></a></td>
		<td width="91">
			<a href="https://www.rejoovme.com/appointments.html"><img src="https://www.rejoovme.com/images/apps_on.gif" alt="" name="apps" width="91" height="20" border="0" id="apps" ></a></td>
		<td width="56">
			<a href="https://www.rejoovme.com/prices.html"><img src="https://www.rejoovme.com/images/prices_off.gif" alt="" name="prices" width="56" height="20" border="0" id="prices"></a></td>
		<td width="95">
			<a href="https://www.rejoovme.com/expect.html"><img src="https://www.rejoovme.com/images/expect_off.gif" alt="" name="expect" width="95" height="20" border="0" id="expect" ></a></td>
		<td width="53">
			<a href="https://www.rejoovme.com/links.html"><img src="https://www.rejoovme.com/images/links_off.gif" alt="" name="links" width="53" height="20" border="0" id="links" ></a></td>
		<td width="42" background="https://www.rejoovme.com/images/wrapper_nav_left2.gif"><img src="https://www.rejoovme.com/images/20x20clear.gif" width="42" height="20"></td>
	</tr>
	<tr>
		<td height="13" colspan="8" bgcolor="#F47B18" class="contactLINKS" valign="middle">
			<a href="https://www.rejoovme.com/gift.php">Gift Certificates</a>   <a href="https://www.rejoovme.com/media.html">Media</a>   <a href="https://www.rejoovme.com/contact.html">Contact Us</a></td>
	</tr>
	
	
	<tr>
		<td align="center" valign="top" colspan="8"></td>
	</tr>
  </table>
  • 3 Contributors
  • 3 Replies
  • 134 Views
  • 4 Days Discussion Span
  • Latest Post Latest Post by raju.raghup
Member Avatar for MidiMagic

Remember that, in IE, the margin, border, and padding are wrongly rendered inside the width and height. This can make the image fail to render because it won't fit.

FF and other standard-compliant browsers put the surrounding styles outside the widths and heights.

Member Avatar for adaykin

Oh I actually fixed this by putting the table valign at bottom.

Member Avatar for raju.raghup

If they are Background images U can write css

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.