Can someone please tell me why a background image would not show in IE, but would show in Firefox?
Printable View
Can someone please tell me why a background image would not show in IE, but would show in Firefox?
If you can provide the relevant code or better yet the link to the page in question, that would be great.
note that its a png... could that be a problem?
<tr background="gradbottom.png">
<td height="71">
<p> </p>
</td>
</tr>
Can you provide a link to the page?
IE doesn't display transparencies in PNGs. But you should still see the transparent part as some solid color.
You should probably export the png as a gif or a jpg from your graphics editor into your site and use the png for editing and save that outside of your site folder. Png's can be large file sizes and should be optimized for the web.
(In my experience anyway).
About 99.9% of the time, for non-photographic images, PNG is ridiculously better than JPEG for compression, and typically outstrips GIF. The few situations where GIF wins are very small one-color images, sometimes (because GIF is indexed whereas PNG typically is not).
For photographs, there's definitely no question that JPEG wins out, however.
As for the background image not appearing, it's very likely that IE's table rows (tr) do not support a background for each one. You will likely have to set a background for the entire table instead.
This may be for another thread but whenever I make graphics in the png format (through Fireworks) the files are very large. I am forced, so I think, to change them into jpg or gif to reduce the file size by sometimes 60 or 70 %. How large of a png file is tolerable for the web? I am just asking Shadowfiend because I really don't know.
You put the background in the table row, there is virtually no area for which to display the background on. All of the area in a table (save for some marginalizing due 'invisible' backgrounds in the table and table row) is in the table cell. Try putting it into the 'td' instead of the 'tr'.