Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium


pros and cons of DIV based web page?

Posted on 2010-01-08
Medium Priority
Last Modified: 2013-11-19
Hi, what is pros and cons of DIV based web page? and which better the TABLE based html page or DIV based html page?
Question by:Abdu_Allah
LVL 11

Accepted Solution

rajvja earned 400 total points
ID: 26208350
LVL 40

Assisted Solution

by:Gurvinder Pal Singh
Gurvinder Pal Singh earned 680 total points
ID: 26208383

Author Comment

ID: 26208468
Guys I need your personal opinions and what do you use?
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

LVL 40

Assisted Solution

by:Gurvinder Pal Singh
Gurvinder Pal Singh earned 680 total points
ID: 26208488
i normally use tables because they are easier to manage.

Assisted Solution

code-colors earned 200 total points
ID: 26208536

We can use <div> or <table> with respect to our needs.

I am using <div> more than table, because, if will take a little bit more loading time as the <table> depth increses.


<table><tr><td><table><tr><td><table> .... etc (<table> inside table row again <table> inside table row.. so as the depth increases it will affect the loading time.. not that..but will impact loading speed.)

An advantage for the <table> is we can well organize the web pages with <tables> other than <div>'s

and <div> is haivng a line break, so we need to use styles if we want to display to <div>'s in the same line, if we are using <table>, we can do with two table rows.

I think, you will get some idea now..

If you need any more details, please let me know.

Thank you

Assisted Solution

niclassahlin earned 320 total points
ID: 26208635

I prefer to use <div>, because <div>'s is more flexible. You have to know CSS, but if you do you can place a <div> pretty much wherever you like on your page by changing a few CSS-properties. If you use <table> you basically have to change most of the structure of the table to make any larger changes by copy-paste content from one cell to another and maybe change a lot of rowspans and colspans.

If you're using <table> on the other hand, you don't have to know any CSS to create a good design.

So, my advise is to use <div> if you're good at CSS and <table> if you're not.

Hope it helped.
LVL 11

Assisted Solution

govindarajan78 earned 200 total points
ID: 26211057
I generally use <table> unless a specific requirement from customers for <div>.

<table> is easy to manage. but if your customers are specific about page size specific then go for div. it will help when you show large data in a single page

LVL 52

Assisted Solution

by:Carl Tawn
Carl Tawn earned 200 total points
ID: 26223873
I used to use tables for layout, but nowadays only use them for actual tabular data. Mainly this is because of accessibility guidelines (Section 508 in the US) and the way that screen reader software interprets page data. If you're dealing with public sector (i.e. government, NHS, universities, etc) then this becomes a major issue.

Styling and layout with DIV elements takes a bit of getting used to and takes a little more effort than sticking everything in a table, but the effort is worth it.

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Suggested Courses

572 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question