PDA

View Full Version : Div v/s Table Tags



deepakdeep
09-24-2008, 10:05 AM
Many of my friends are using div tags instead of table tags , what are the strong reasons for using div tags, why div tags are more superior than table tags. - DEEPAK :)

coothead
09-24-2008, 10:49 AM
Hi there deepakdeep,

you may find some of these links illuminating...



A better way to build your website (http://www.boagworld.com/archives/2004/06/a_better_way_to_build_your_website.html)
Why tables for layout is stupid: problems defined, solutions offered (http://www.hotdesign.com/seybold/index.html)
Ten ways to speed up the download time of your web pages (http://www.webcredible.co.uk/user-friendly-resources/web-usability/speed-up-download-time.shtml)
Nested Tables: About the (ab)use of tables as layout tools in webpages. (http://www.dorward.me.uk/www/nested/)
Why Tables Are Bad (For Layout) Compared to Semantic HTML + CSS (http://www.phrogz.net/CSS/WhyTablesAreBadForLayout.html)
Why go table free? (http://www.workingwith.me.uk/tablefree/why/)
Why avoiding tables (for layout) is important (http://davespicks.com/essays/notables.html)


coothead

codeexploiter
09-24-2008, 10:49 AM
If you need to represent tabular data in your web page then table is the best solution or rather we can say that tables are for representing tabular information in web pages.

But if you try to use tables for web page layouting purpose the whole scene changes, tables are not supposed to do layouting but in the old times web developers used tables for that purpose. What I am saying is you can achieve some kind of layouting through tables (without any doubt) but the markup associated with a table(s) will be huge compared to a table less layout.

You can find more reasons to use table less layouts in your web pages in the following location:

http://www.stopdesign.com/present/2004/ddw-seattle/tables/?no=4

Hope this helps

digitaldesperad
09-29-2008, 10:44 PM
tables for tabular data.. div for layout...

designing using that format will allow you to use a separate css file for mobile browsers and for printing much easier. and the divs will allow you to structure your site to take advantage of placing your more relevant content near the top of the code. lastly div's are beneficial when it comes to meeting accessibility standards, again mostly to do with how you structure the pages divs allow you to intelligently layout the code to make it easier for speech browsers also.