...

View Full Version : DIVs are the word?



andilcho
08-04-2011, 12:47 AM
I know that TABLES are outdated but why?

What made DIVs overcome TABLE layouts?

Somebody please explain why...

bullant
08-04-2011, 01:05 AM
Using semantically correct elements (whether they are <div>, <ul>, <dl> or whatever) for layout and css for styling should result in much leaner, flexible and easier to maintain layouts than if using tables, especially nested tables.

Code with tables and/or nested tables can very quickly become very bloated and so consequently more error prone and it can be difficult to make subtle or even large adjustments to the layout.

andilcho
08-04-2011, 01:23 AM
Ok. But what are "NESTED TABLES" ?

Please advise...

bullant
08-04-2011, 01:27 AM
tables within tables.



<table>
<tr>
<td>
<table>
<tr>
<td>This cell is in a nested table</td>
</tr>
</table>
</td>
</tr>
</table>

vikram1vicky
08-04-2011, 01:16 PM
Following are some links for Why we should use DIVs with CSS for layout instead of using tables for layout:

http://www.hotdesign.com/seybold/

http://www.inspiredbuddy.com/xhtml/why-tableless-layout/

http://en.wikipedia.org/wiki/Tableless_web_design

Rowsdower!
08-04-2011, 01:28 PM
I know that TABLES are outdated but why?

What made DIVs overcome TABLE layouts?

Somebody please explain why...

As has been mentioned, there are significant improvements to page size (and bandwidth usage and page load times) as well as making content and structure changes MUCH easier to carry out. SEO results are supposed to be better with divs than with tables, also.

But beyond performance and maintenance improvements by moving to div-based layouts, there is also significant improvement in accessibility of websites for people who are visually impaired and need to use screen readers.

The most popular link to pass around for asking why table-based layouts are a bad thing is this one right here:

http://www.hotdesign.com/seybold/



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum