[Justin171985]

Hello,

I have a question about using <table background="images/image.gif"> with HTML 4.01 Transitional. I ran my site through the W3C Validator and it says I can't use that in the document, and should probably use CSS. I know I could use the bg image anyways, but I want it to validate properly with no errors.

The problem is, how would I go about getting a bg image to cover an entire area usin CSS, instead of the parts that have content. Cause I tried using
#bg {
background-image:
url('../images/mbg.jpg');
}

<div id="bg"></div>

and all it would cover in BG as the areas with content in it instead the entire <td>

Could someone help me with this?

Thanks,
Justin.

[rimian]

you might have to include the width of your background image in the class:

#bg {
width:100px;
height:100px;
background-image:
url('../images/mbg.jpg');
}

of course those numbers are examples...

sometimes background colours and images won't render if there is no content. place a space bar in there if this is so: <div class="x">&nbsp;</div>

[kjmatthews]

Rimian is correct. A background image will only appear in the visible portion of the element to which is belongs. Since <div></div> has no implicit height or width, the background image does not appear at all. Setting height and width on the div should indeed solve your problem.

[Justin171985]

Thanks I got it fixed!

Justin.

[sarat.pediredla]

Fixed or not, I do not understand this obsession of web designers (I used to be one, so I know!) to "Validate to W3C", just because its oh-so-professional to do so. Even if that means doing the wrong thing or not understanding why you are using XHTML. If the W3C Validator says it aint right, then it aint right! right? (ermm!).

Instead of repeating the whole story, I will direct you to Mike Davidson's site who makes a lot of sense http://www.mikeindustries.com/blog/a...r-own-standard

[jordie]

I agree whole-heartedly with sarat.pediredla