You can create tables in CSS, just that IE7 and earlier don’t support those particular CSS commands and too many people still use those browsers. Once IE6 and IE7 usage drops to the point where you don’t need to support them any more CSS tables will be a practical option for page layout.
Ryan, the site is still very much in the dev stages. The best i can do at this point is provide you with all the code here. There’s very little html and css so it’s not going to be big issue to dig through the whole thing.
Please keep in mind that I am stretching the image and I don’t know alot about CSS - but hope to pick this up asap with some help from the community here.
So essentially, I want a “table” and it would be very good if it behaves like one too with the word wrapping, etc.
Just make an ordinary html table. Tables are not some evil banned thing, they are for tables of data and totally valid html. And can be styled via css. no need for a div inside them to apply the styles either.
Using them for your layout frame for the entire page is considered bad, using them for displaying your data is considered perfect.
Forget using css3 to make fake tables, when most users will not be using a decent browser to display it.
Thanks for your response. Can you take this one step further? Add some html and the css into it so I can get a more general idea what I have to do here. I’ll also use the z-index to display the table in the for ground as I am stretching the background image.
Of course. I’ve used tables only a thousand times. I’m new to the css thing and I’m starting to get a good handle on it.
My issue is I am trying to create a CSS table that behaves like a table. To take this a step further, I’ve stretched the background screen and have given it a z-index of -1 with any content having a z-index of 1. Any help would be much apreciated.
The only browsers with any significant following that don’t support CSS tables are IE6 and IE7. So it depends on the site as to whether you can use them or not. For example for my site those browsers are only used by 28% of visitors so 72% of visitors would see things correctly if I were to use layout tables (they are not fake tables at all they are the correct way to do layout tables). So for some sites at least most users ARE using a decent browser that supports layout tables.
Anyway we are not talking about CSS3 at all in this as layout tables in CSS are part of the original CSS 2 specification that has been around for years.
He was just asking how to use tables in CSS, and I thought to show him the simple side of things without getting too complicated(my markup should show that. And why go complicated when people are just learning for the first time?) so my example was purely based on showing him how to use the 3 together :). Though that’s a good suggestion for others to read on :). I don’t have any lniks handy James but if you do feel free to post it.