tableless, search engine friendly CSS

After several failed attempts, I would like one of our sites converted to tableless, search engine friendly CSS (and that validates). Please pm me if you are experianced and interested in doing this freelance. Examples of your work are required and testimonials would help also.

SD

 

Tableless HTML is still not portable across various browsers. Copy the following HTML fragment and paste it in a file. Try IE and Mozilla/Firefox and you will see that borders are all screwed up:

<div style="border: 1px solid red; padding: 0px 10px 0px 10px;">
<div style="border: 1px solid green; padding: 0px 20px 0px 20px;">
<div style="border: 1px solid blue; margin-left: auto; margin-right: auto; width: 100%;">
content
</div></div></div>

<div style="border: 1px solid red; padding: 0px 10px 0px 10px;">
<div style="border: 1px solid green; padding: 0px 20px 0px 20px; width: 100%;">
<div style="border: 1px solid blue; margin-left: auto; margin-right: auto; width: 100%;">
content
</div></div></div>

Code (markup):

There's nothing wrong with tables - just make sure all of it is formatted using CSS2, not HTML (in HTML v4.01 most formatting is depreciated in favor of CSS2 anyway).

J.D.

 

always try and use tableless... otherwise you'll be stuck in the 20th century

 

agreed =D.