...

View Full Version : Internet Explorer background image problem



photodoc
03-05-2009, 03:00 AM
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

kosstr12
03-05-2009, 03:15 AM
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>

abduraooft
03-05-2009, 10:57 AM
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/)

photodoc
03-06-2009, 12:08 AM
does it in both CSS and good 'ole html.

http://qtprolong.com/grncss.htm

http://qtprolong.com/grn.htm

thanks

photodoc
03-06-2009, 07:16 AM
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!

Excavator
03-06-2009, 10:20 PM
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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum