CSS DIV 3 column table help
Author
Discussion

drivin_me_nuts

Original Poster:

17,949 posts

242 months

Wednesday 28th April 2010
quotequote all
Would somebody please help out my frazzled brain. I know what I want to do should be straight forward, but it is not and my very limited knowledge of css is getting in the way...

I want a <table> free table that looks like this

200px 400px 300px

HHHHHHH HHHHHHHHHHHH HHHHHHH
DDDDDDD DDDDDDDDDDDD DDDDDDD
DDDDDDD DDDDDDDDDDDD DDDDDDD
DDDDDDD DDDDDDDDDDDD DDDDDDD
DDDDDDD DDDDDDDDDDDD DDDDDDD

H = column header
D = detail lines

The header has a background ce1113 and a 1 px border all the way around in black

Can someone please do me the great favour of posting up what this should look like in the css and the html.

Cheers

Carfolio

1,124 posts

212 months

Wednesday 28th April 2010
quotequote all
If you're representing tabular data, a table is the way to go. Unless I'm missing something, this is tabular data, so a <table> table would be appropriate ;-)

If not, just do a google for "3 column css layout" and take your pick.

HTH

PetrolTed

34,468 posts

334 months

Wednesday 28th April 2010
quotequote all
Typically a format like that is done with a floating left DIV, a normal DIV and a floating right

e.g.

As said above, google it and you'll find endless variables and solutions.