Internet Explorer background image problem

Hello,

I'm using IE 8 and having problems with my web site colors disappearing when I resize smaller, not larger.

I use a very simple html table layout (no css) with a tiny gif file for the color of a column, for example.<td width="187" height="499" background="assets/images/dkgreen10pix.gif"></td>

No problems with enlarging or reducing in firefox or safari however.

thanks for any advice!

PhotoDoc

Link to the page, and all of your source.


Thanks,
Koss


EDIT:
Oh, and trying changing the above code to this:
<td width="187" height="499" background="/assets/images/dkgreen10pix.gif"></td>

I use a very simple html table layout (no css) with a tiny gif file for the color of a column, for example.<td width="187" height="499" background="assets/images/dkgreen10pix.gif"></td> You shouldn't ever use tables for layout or deprecated attributes like background,width height (http://www.codehelp.co.uk/html/deprecated.html).

Know why tables for layout is stupid (http://www.hotdesign.com/seybold/) and get inspired by the beauty of CSS based design from CSS-Zen garden (http://www.csszengarden.com/)

does it in both CSS and good 'ole html.

http://qtprolong.com/grncss.htm

http://qtprolong.com/grn.htm

thanks

OK - Here's the CSS code that leads to the same problem

.thrColFixHdr #sidebar1 {
float: left;
width: 150px;
padding: 15px 10px 15px 20px;
background-image:url(/assets/images/dkgreen10pix.gif)

it's a very small GIF image designed to give me a particular color for this column

thanks!

Hello,

I'm using IE 8 and having problems with my web site colors disappearing when I resize smaller, not larger.

I use a very simple html table layout (no css) with a tiny gif file for the color of a column, for example.<td width="187" height="499" background="assets/images/dkgreen10pix.gif"></td>

No problems with enlarging or reducing in firefox or safari however.

thanks for any advice!

PhotoDoc

I'm not seeing the issue at all. Checked in FF3, IE8 and IE7...
Have a look at a faux columns example of a 3-column layout that might work better for you - http://nopeople.com/CSS/3-column/index.html
This is the image that makes the columns:



http://nopeople.com/CSS/3-column/bg.jpg




and it's is loaded by the bit in red -#wrap {
width: 804px;/*800px wide contents plus 2px borders*/
margin: 20px auto; /*places #wrap 20px down and centered*/
overflow: auto; /*to clear the floats*/
background: url(bg.jpg) repeat-y;
}

Doing it that way lets the longest column set the height for all the columns, even if they're empty.