XHTML & CSS - Table cell background.

[mattmsc]

Hi,

I haven't been very active on this forum yet, because I've had lots of non-website work on over the last few months, so apologies for not having contributed hugely to date. I will try get more involved in the future.

However I have got a small site on the go now, and thought it about time I fully embraced XHTML & CSS rather than plain old HTML 4.0.

I've created a site design I like using tables. The main table is essentially made up of four large cells 2 x 2. In the bottom left cell I would like no content, just a tiled background image that takes up the entire cell .

In XHTML I can't use the background="Images/img.gif" within the 'td' tag if I want valid pages.

I've come up with something, which although strictly is valid, it feels very much like a workaround. This is the code I have for the cell in question:

[jinny]

Give #leftunder a strict height

[tommylogic]

yeah.. I would have to say go CSS all the way man. Drop the tables, you'll be much happier in the end.

[Russlock]

starting from scratch, and ditch the tables.

just do a container div, and within that, insert 4 more divs, top_left, top_right, etc.
size them to what you want and float left, then you can create a css rule for each div and do what you want with them.

[tommylogic]

Wow Russ... very nice of you.. yes that is exactly what I was almost saying. Thats the ticket.. all the way

[Russlock]

thats the css, either within your page or an external, which i prefer. the colours of the boxes are for examples.

notice how little code there is to perform what you want.

[Toon]

Go Russ!!

[Russlock]

and i've even registered on dig, now i can vote in the poll

[Toon]

Get in!! Help your self to anything in the bar!

[Russlock]

lemonade please, I wouldn't want to upset the serious drinkers mid-week.

oh, go on then; a double J.D & coke, on Toon.