relative height problem with HTML

[spandex44]

Well, I give up...I thought my code was good, until I tested it on IE. FireFox gives me the result I want, but IE doesn't. I am trying to make two images' height 100% of the table cells they are in. When I set the height ="100%", the images just dissapear. Strange thing is, I have a different image in the same document that I set to be 100% the height of its cell, and that works fine. Anyone have an idea what's going on? I feel like this should be simple...

Like I said, FireFox doesn't give me this problem, IE just doesn't seem to want to cooperate.

Here's the code that is giving me problems:

<table bgcolor="white" width="580" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="570" colspan="3">
<img src="top1.bmp" width="580" height="35">
</td>
</tr>
<tr>
<td width="5">
<img src="boxleft.bmp" width="5" height="100%">
</td>
<td>
<br><font face="Arial" size="1">My text goes here</center></font>
</td>
<td width="5"><img src="boxright.bmp" width="5" height="100%"></td>
</tr>
<tr>
<td colspan="3">
<img src="bottomleft.gif" width="5" height="5"><img src="boxbottom.bmp" height="5" width="570"><img src="bottomright.gif" width="5" height="5">
</td>
</tr>
</table>

[Jop]

I'm not much of a table-guy so I can't help you with that. It might be the .bmp though, use png, jpg or gif for images on the web.

As an alternative I would like to present you CSS background images.

You could use a div element for example and give that a background-image:

html:

<div id="rightbox">blabla</div>

#rightbox{
  background-image: url(boxright.jpg);
}

You can set the dimensions of the div and the background will repeat

[spandex44]

Thanks for the suggestions, Ill give them a try.

I normaly just use bitmaps when I develop my sites, so that I dont have to worry about compressing the images...I leave this until I publish the site, but Ill try changing the format as per your suggestion.

Thanks again.

[anotherVBnewbie]

Using the CSS should work but if you're not worried about being fully compliant you should just be able to set that td's bgimage

<td bgimage=boxleft.bmp>&nbsp;</td>