CSS Vs Tables

Hmmmm. I know im using tables on my sites at the moment, but i plan to learn

CSS. It makes site load quicker, its easer to under stand, and its also east to

do as Don says in this post, make 2 or 3 styles of the page. for example: Don

mentions a copy for printing and one for screen. you could also have one for

small screens like the [Sony P800][1]

or the [Nokia][2]

[7650][3],

[9210][4], etc. You could have one for

Opera, IE, Mozilla, etc. So instead of writing for 6 or so different

browsers/platforms, you only have to write one main one and some CSS files too.

</table>

Feed: Aggregated

Author: Don XML

</td> </tr>

I haven.t seen much on this topic in the

.Net world, but I thought I.d throw it out there. A while back I

finally moved from the Table camp to the CSS camp for controlling the

layout of web pages. Seems like most of the .Net world still lives in

the Table camp, and it bugs me that VS.Net encourages it. Does anyone

else have a problem with this? Create an HTML using Tables to control

the layout (or pull it down from

Divs with CSS (or get it from

window (not that I do that, but for newbies I can see them using it).

Now look at the actual code for each example. Isn.t the CSS version

much easier to read and create? It does a much better job separating

the look and feel of the web page from the process that created it.

Plus it lets the browser decide what the natural flow for the device

that the page is displayed on.

One added bonus of using CSS instead of

tables. Printing. You don.t need a printer pretty version of each and

every page. Instead you create 2 separate Styles (either in line or as

a link) and use the media option. The default media option is .all.,

but you can set them to .print. or .screen., and thus have 2 different

styles, one for the screen and one for the printer. And you don.t have

to change your content at all, just set the divs that you don.t want

rendered set to display:none.

For more cool CSS tips and tricks check

out Eric Meyer.s

Don XML</td> </tr> </table