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]


[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.


Feed: Aggregated</p>

posts from .NET Weblogs</a>


</b>Pet Peeve . Using HTML Tables to Control Web Page Layout</a> </td>

Author: Don XML 

 </td> </tr>


I haven.t seen much on this topic in the</p>

.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


here</a>), and then view it in the Design window.  Now do the same using

Divs with CSS (or get it from


here</a>).  Looks terrible, and is impossible to edit in the design

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.  </font>

One added bonus of using CSS instead of</p>

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.</font>

For more cool CSS tips and tricks check</p>

out Eric Meyer.s


site </a>(and while you are at it, buy his


CSS book</a>)..</font>

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

[1]: [2]: [3]: [4]: