943,975 Members | Top Members by Rank

Web Development > Web Design > HTML and CSS > Background images in tables with ie
Ad:
Permalink
Aug 20th, 2008
0

Background images in tables with ie

Expand Post »
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:

HTML and CSS Syntax (Toggle Plain Text)
  1. <table  border="0" cellpadding="0" cellspacing="0">
  2. 	<tr>
  3. 		<td height="120"  colspan="8" valign="bottom">
  4. 			<img src="https://www.rejoovme.com/images/wrapperHEAD_916.gif" alt="RejoovMe Relaxation Center" border="0" usemap="#Map"></td>
  5. 	</tr>
  6. 	<tr>
  7. 		<td background="https://www.rejoovme.com/images/wrapper_nav_left2.gif">
  8. 			<img src="https://www.rejoovme.com/images/20x20clear.gif" width="20" height="20"></td>
  9. 		<td width="67">
  10. 			<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>
  11. 		<td width="53">
  12. 			<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>
  13. 		<td width="91">
  14. 			<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>
  15. 		<td width="56">
  16. 			<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>
  17. 		<td width="95">
  18. 			<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>
  19. 		<td width="53">
  20. 			<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>
  21. 		<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>
  22. 	</tr>
  23. 	<tr>
  24. 		<td height="13" colspan="8" bgcolor="#F47B18" class="contactLINKS" valign="middle">
  25. 			<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>
  26. 	</tr>
  27.  
  28.  
  29. 	<tr>
  30. 		<td align="center" valign="top" colspan="8"></td>
  31. 	</tr>
  32.   </table>
Last edited by adaykin; Aug 20th, 2008 at 3:18 pm.
Similar Threads
Reputation Points: 10
Solved Threads: 0
Junior Poster in Training
adaykin is offline Offline
73 posts
since Feb 2007
Permalink
Aug 24th, 2008
0

Re: Background images in tables with ie

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.
Reputation Points: 730
Solved Threads: 181
Nearly a Senior Poster
MidiMagic is offline Offline
3,314 posts
since Jan 2007
Permalink
Aug 24th, 2008
0

Re: Background images in tables with ie

Oh I actually fixed this by putting the table valign at bottom.
Reputation Points: 10
Solved Threads: 0
Junior Poster in Training
adaykin is offline Offline
73 posts
since Feb 2007
Permalink
Aug 25th, 2008
0

Re: Background images in tables with ie

If they are Background images U can write css
Reputation Points: 10
Solved Threads: 0
Newbie Poster
raju.raghup is offline Offline
4 posts
since Aug 2008

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in HTML and CSS Forum Timeline: inline list IE Hack/workaround needed (strange problem)
Next Thread in HTML and CSS Forum Timeline: Web design table woes





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC