I have figured out how to make a header, footer, left colum, right column...

I am transffering all my old html pages into my new php shopping cart which uses mainly CSS, how in the world can I make tables like the ones on this page http://www.airandaqua.com/sunshop/in...cken_Farm_Test

I know that the table is making the content overlap the div field, I will have to rewrite the whole thing to make it display properly inside the div but my question is how in the world can I make a table similar to the one already on the page but using CSS!?

I don't think the table itself is the problem. In this case, you actually want to use a table. (not for the page layout, but for the content you are displaying) This is tabular data...the reason tables were made! I think the problem may have to do with the way the page is handling the overflow???

the page should be handling it just as I want so that the page wont be wider than your screen, the old way I had it it would stretch to fit the content but you would have to scroll left/right to view it all

The thing is I am trying to make my site 100% XHTML and CSS valid...

with the new standards I have so many errors on that page it's not even funny lol

I HAVE to find a new way to make tables or at least tables that comply with the new standards... check out the validation here and let me know what ya think

http://validator.w3.org/check?uri=ht...cken_Farm_Test

We will need a css guru to help with the problem of why the div is overlapping when you make your browser window smaller. I am not sure how to fix that and my brain is too tired to think too much tonight! lol!

As for your validation errors...a good start would be to go through the document and make everything lowercase. XHTML requires your tags to be in lowercase. (ie "rowSpan" needs to be "rowspan"). Also, all your self closing tags (ie. the br tag) needs to look like this <br /> for it to be valid xhtml.

thanks

Yeah I was waiting to see if there was an alternate way for me to make the table before I went through all 300 errors :/

have a good night and thanks for the help

You might want to check out these resources:
http://www.smashingmagazine.com/2006...ern-solutions/
http://icant.co.uk/csstablegallery/
http://www.projectseven.com/tutorial...s_td/index.htm
http://www.devarticles.com/c/a/HTML/...eauty-of-data/

Part of the problem is that your layout is liquid, but your data is not, it's just too wide for that layout, especially when you narrow the browser window. In IE 6 you have another problem - float drop. IE6 drops your entire center div way down below the left column when you narrow the window.

well people need to quit using IE 6 then, lol jk...

Thanks Red, will check those out...

So basically I can still make table but I should just read up on which attributes are now allowed?

well people need to quit using IE 6 then, lol jk..

No argument from me there ! Unfortunately, IE6 still makes up 60% of visitors in my logs, so we still have to deal with it.

Those sources might help you style the table to deal with the overflow problem. You're still ok using tables for data as you have, but to put them into an elastic layout like that is the challenge.