Further to my earlier message: I'm slightly more confused now. I thought that perhaps I had not properly validated the xhtml or css, so have done both now. The result is that the page now behaves almost equally badly on Safari, Firefox and IE. I guess from this that there is something basically wrong with my use of a gif file as a background image in a table cell.

I have put the offending page up on my site at this url in case anyone has a chance to take a look at it: http://www.tellura.co.uk/ gtpr/index.htm

Thanks,


Ian.
--
Dr Ian M Piper
[EMAIL PROTECTED]
--
Where is the wisdom we have lost in knowledge?
Where is the knowledge we have lost in information?


On 18 Aug 2005, at 9:59, Ian Piper wrote:

Hi,

I'd appreciate some advice on a problem with a site I'm designing. The problem is that a gif file that I am using as a background image in a table cell is not visible in IE although it looks fine in Safari and Firefox.

I thought that this in the css file:

td#sectionheadingmiddle {
    background: #f4c035 url(../images/sectionheadingmiddle.gif);
}

and this in the html file

  <tr>
<td width="416"><img src="images/sectionheadingleft.gif" width="416" height="60" border="0" alt="*"></td> <td id="sectionheadingmiddle"><img src="images/spacer.gif" width="1" height="60" alt="*" /></td> <td width="6"><img src="images/sectionheadingright.gif" width="6" height="60" border="0" alt="*"></td>
  </tr>

would work. However although it renders nicely in Safari on my Mac and Firefox under Windows XP, IE6 just shows a white background for the td with id=sectionheadingmiddle. The intention by the way is to allow this middle column in my table to resize when the user resizes the window. The three images make up a rounded rectangle that needs to stretch horizontally to sit atop this middle column. If there is a more sensible way to achieve that effect I would welcome some guidance.

Thanks,


Ian.
--
Dr Ian M Piper
[EMAIL PROTECTED]
--
Where is the wisdom we have lost in knowledge?
Where is the knowledge we have lost in information?


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to