"div" or "tables"

14 years ago

"divs" every time!
Although tables are easy to build websites with, they are not recognised as web standard and divs are the way forward (see Web Content Accessibility Guidelines 1.0). Tables are fine to use within a website to show data but if you're only just starting out building websites, it worth the time and effort to learn how to use divs. Tables are also hard for screen readers to read information.

Thanks

{{ DiscussionBoard.errors[3062143].message }}

jeffmac

14 years ago

[DELETED]

{{ DiscussionBoard.errors[3358888].message }}

oscarte

14 years ago

But if you use all your divs absolutely positioned; that as wrong as tables.

Thanks
1 reply

Signature

I hand-code beautiful optimized pages/sites. No Dreamweaver or tables fluff - contact me for clean and semantic W3C standards code

{{ DiscussionBoard.errors[3359153].message }}

phpbbxpert

14 years ago

Originally Posted by oscarte

But if you use all your divs absolutely positioned; that as wrong as tables.

There is no reason to do that. :rolleyes:
You only position block elements with absolute when it is needed, same as using anything else. Use it when it applies.

You can do complete graphical layouts in divs without ever using absolute.

Thanks
1 reply

{{ DiscussionBoard.errors[3359768].message }}

oscarte

14 years ago

Originally Posted by phpbbxpert

There is no reason to do that. :rolleyes:
You only position block elements with absolute when it is needed, same as using anything else. Use it when it applies.

You can do complete graphical layouts in divs without ever using absolute.

I say that because that happen to people that made the code with Photoshop.
Photoshop have the option to code the design in tables or in divs; but both are the same trash. The div option is basically a table of divs because all the divs are absolutely positioned and sized.

Good design in divs is the one that is semantic and hand-coded following W3C standards.

Thanks

Signature

I hand-code beautiful optimized pages/sites. No Dreamweaver or tables fluff - contact me for clean and semantic W3C standards code

{{ DiscussionBoard.errors[3374542].message }}

TonyMontana

14 years ago

"div" for sure

Thanks
1 reply

{{ DiscussionBoard.errors[3062153].message }}

CarloD. 14 years ago

Use tables for tables of data.

use divs for your layout
- Thanks
Signature
{{ DiscussionBoard.errors[3062747].message }}

Steve Wells

14 years ago

Everyone says divs. I agree that divs are the way to go if you can do them, they can get tricky the more complex the design. But from my experience there really isn't much of a difference on the users side. If there is a load time issue, it is soooo small that it really does not matter unless you are anal.

Now, from the coders side, I think that someone somewhere, at sometime started pushing divs hard, probably some coding nerd. And now its the new up and coming standard.

As for tables not being recognized as a valid website. That makes no sense. Because w3C validates a website as 100% even if its designed in tables........ You will however need to use css though.

Thanks
1 reply

Signature

Need Custom Graphics Work? - Message Me For A Design Quote!

{{ DiscussionBoard.errors[3063122].message }}

Lloyd Buchinski 14 years ago

Originally Posted by Steve Wells

Everyone says divs.

Thanks for your comments Steve. I started off being throughly impressed by everyone saying that, and that was the way I went. But especially when a site is being adapted for IE 6, tables seem to work better than css. Hopefully they'll bury the browser soon and it won't be a problem any more.

But I have seen a few sites put up by people I think are really intelligent, using tables for layout. I guess it still does have its uses.
- Thanks
Signature

Do something spectacular; be fulfilled. Then you can be your own hero. Prem Rawat

The KimW WSO
{{ DiscussionBoard.errors[3068712].message }}

Istvan Horvath

14 years ago

Nobody said tables cannot be valid. The issue is: tables are for tabular data not for layout design. It's that simple.

At the beginning of the time... it was tables and inline styles.
Have you ever tried to change the design of a site with 100 pages all done with tables and inline styles...?

Compare the scenario above with web pages designed with divs and one single CSS file. (Yes, to tell the truth you can have 100 pages designed in tables and one single CSS file, too... it's just that tables were invented for something else.)

Thanks
2 replies

Signature

{{ DiscussionBoard.errors[3063164].message }}

Steve Wells

14 years ago

Originally Posted by Istvan Horvath

Nobody said tables cannot be valid. The issue is: tables are for tabular data not for layout design. It's that simple.

At the beginning of the time... it was tables and inline styles.
Have you ever tried to change the design of a site with 100 pages all done with tables and inline styles...?

Compare the scenario above with web pages designed with divs and one single CSS file. (Yes, to tell the truth you can have 100 pages designed in tables and one single CSS file, too... it's just that tables were invented for something else.)

they are not recognised as web standard

This is what I took as not being valid.....

Yep, I know tables were invented for tabular data, but they still work, and from a users point of view, as long as it works and looks great they do not really care. Yep, you can have tables and one css file......

I just mentioned this and made my comment because so many people are talking about divs as if tables cannot be used. Which they can be and they produce on the users side a great looking site they can only be differenciated if looking at the code.

I use divs and I have used tables, they both load super fast, unless you are image heavy, which is normal for most stupid IM sales pages. Not all though.

I think that most people, users, have no clue what they hell either way, as long as it works properly. They pay just the same also. Now, I will endeavor to do divs, but sometimes a quick table site is just what works, at least for me....

Thanks
2 replies

Signature

Need Custom Graphics Work? - Message Me For A Design Quote!

{{ DiscussionBoard.errors[3063204].message }}

mintdesignnz 14 years ago

Depends on the usage actually, for layout is "div" and for dynamic tabular data display, it's "tables".
- Thanks
- 1 reply
{{ DiscussionBoard.errors[3064658].message }}
- russblanc 14 years ago
  
  Tables are so passe. CSS and XHTML is the proper way to code a site...
  
  Thanks
  
  1 reply
  
  Signature
  
  Affordable Bluehost Web Hosting | Affordable Hostgator Web Hosting
  
  {{ DiscussionBoard.errors[3064669].message }}
  
  jminkler 14 years ago
  
  Originally Posted by russblanc
  
  Tables are so passe. CSS and XHTML is the proper way to code a site...
  
  IE 5,6,7,8,9 wont render true XHTML served as XML. And probably never will.
  
  Thanks
  
  {{ DiscussionBoard.errors[3407212].message }}
JulieJ 14 years ago

Sorry Steve, I meant 'not recommended for layouts'. (that will teach me to read what I write properly!). Just think it's a good habit as a web designer to use 'best practice' techniques, though I agree lots of people just a want a good looking site up and running quickly and aren't bothered whether tables or divs are used.
- Thanks
- 1 reply
{{ DiscussionBoard.errors[3071075].message }}
- elronzo 14 years ago
  
  In addition to what all the other warriors have said ...
  DIVs and TABLES have their place.
  For SEO / SEM - I think its CSS all the way. For blind folks you pretty well need to keep content and form/design distinct so the screeen reader can read it. It is however neat if the screen reader shouts out HEADING... when its a header.
  The more complicated the design, the more you will wrestle with floats and alignment. Much of the time with a css design you will make the image with a white margin just so it will look right in every browser. In a perfect world you can kill browser defaults and check your design in browser check sites (or the Adobe one) - but in the real world when you are handed artwork that isnt a traditional L shape, or simpe columns, then CSS can get pretty hackish. For pro coders, time is money and quick is good if proper didnt work first and second time!
  At this point you may want to come in from the cold and stick a table into the design - Its your design and if you need a quick fix on someone else's css code, there aint nuthin like a table for gettin the job done.
  There is also a school of thought that TABLES are for data and just a special container. They are also good for sucking out data from a page.
  For SEO and Visually impaired folks then a table generally is not your best option. But for tabular data, a property commented table is ideal.
  
  Thanks
  
  {{ DiscussionBoard.errors[3071301].message }}

Ruwan

14 years ago

Originally Posted by Istvan Horvath

Nobody said tables cannot be valid. The issue is: tables are for tabular data not for layout design. It's that simple.

At the beginning of the time... it was tables and inline styles.
Have you ever tried to change the design of a site with 100 pages all done with tables and inline styles...?

Compare the scenario above with web pages designed with divs and one single CSS file. (Yes, to tell the truth you can have 100 pages designed in tables and one single CSS file, too... it's just that tables were invented for something else.)

Hahahaa.. that's painful, even hearing it.

Thanks

Signature

FREE WordPress Services (Consultation | DIY Training)
Limited-Time OFFER!

{{ DiscussionBoard.errors[3379430].message }}

mojojuju

14 years ago

Divs. But using tables for layout probably isn't going to kill you.

Thanks

Signature

:)

{{ DiscussionBoard.errors[3065035].message }}

orvn

14 years ago

div baby

Thanks

Signature

Orun Bhuiyan[@orvn] [linkedin] See what I've been doing lately by visiting my marketing agency's site. SEOcial specializes in content marketing and integrated optimization. We create conversions for businesses by gracefully connecting the realms of design, development and marketing.

{{ DiscussionBoard.errors[3071414].message }}

icun

14 years ago

div x 100,000

Using tables with CSS, jQuery, AJAX and all the other cool stuff available now is going to cause untold grief for you.

Tables = betamax
div = VHS :-)

Thanks

Signature

Instant Social Presence: Facebook Graphics without Photoshop

{{ DiscussionBoard.errors[3071437].message }}

Jesterhead

14 years ago

I use div tags for the basic layout. Therefor I only use tables to display data (like in a excel sheet).

Most people start with tables, so did I. But if you are used to css, div tags are way easier and cleaner!

Thanks

{{ DiscussionBoard.errors[3071453].message }}

ECS Dave

14 years ago

Deprecated

Originally Posted by Steve Wells

Now, from the coders side, I think that someone somewhere, at sometime started pushing divs hard, probably some coding nerd. And now its the new up and coming standard.

Tables will likely NOT ever become "obsolete".

So, whatever works for you (and the MAJORITY of your targeted visitors), is what's recommended...

Be Well!
ECS Dave

Thanks

Signature

*Funding for ECS Dave's over-the-top lifestyle is partially provided by Rapid Action Profits
Free Rapid Action Profits eGuide! | 2000 PLR Articles for Your Websites!
ECS Dave's "Tune of the Week"
FREE Paypal Button eBook!

{{ DiscussionBoard.errors[3071468].message }}

mrsgs

14 years ago

It will make sence for you to use tables for displaying something like spreadsheet data, however id mainly use divs for everything else.

Thanks

{{ DiscussionBoard.errors[3072503].message }}

dellingter

14 years ago

The google Standard Is Css So You Better to Use Div base Css

Thanks

Signature

Pc Repair london
Computer Repair London

{{ DiscussionBoard.errors[3072814].message }}

dialseo

14 years ago

DIV IDs for foundation elements, DIV classes for fonts, buttons, boxes (where mulitple instances of are present on the same page).

No one's going to kill you for using tables, but they load slower and are overall jankier than well written CSS.

Thanks

Signature

A ton of domains for sale!

{{ DiscussionBoard.errors[3074535].message }}

LiquidSeo

14 years ago

Originally Posted by sortshots

What is better to use? "div" or "tables"???????

DIV -- almost every time.

Tables are great for representing data in a tabular format, but are typically used incorrectly by most web designers.

In general, I prefer DIV.

Thanks

{{ DiscussionBoard.errors[3076414].message }}

best web designer

14 years ago

Hi,
My suggestion is use div because the table is fixed.That means you cant move the table,It divides the webpage.But div is not fixed, You can move the div anywhere in your webpage.

Thanks
1 reply

{{ DiscussionBoard.errors[3320703].message }}

weaveronline 14 years ago

"Div" is best for layouts
- Thanks
Signature

Thanks & Regards,
Reach us at dukeduke600@gmail.com.
Web Design| Logo Design | Banner Design | Web Development | Mobile Applications [iPhone/iPad/Android/Windows Phone]
{{ DiscussionBoard.errors[3322498].message }}

kooldesigning

14 years ago

Div is best Do not think for tables

Thanks

Signature

Landing page design focus to improve Inquiry or Sales.
Get Custom website design of your dreams

{{ DiscussionBoard.errors[3322656].message }}

kaytav

14 years ago

I always use div as it is easy to use and lot of features .

Thanks

{{ DiscussionBoard.errors[3322772].message }}

723Media

14 years ago

Those who say div's for layout and tables for tabular data are correct. Pragmatism aside, div's work best for layout for two big reasons:

1. Easier on screen readers
2. SEO

Div's are essentially meaningless to most browsers whereas tables are meaningful and are meant to mark up data. If you look at a site built using tables for layout and data with a screenreader, it's going to be messy.

Similarly, if a search engine robot comes to your site and has to dig through nested tables, it's going to be messy.

So it boils down to what you are displaying and why. If you don't care about SEO or semantically correct HTML, then use whatever you like.

If you care about writing the correct markup, then use not just div's but take a look into POSH (Plain Old Semantic HTML).

Thanks

Signature

http://socialeers.com
http://graphicriver.net/user/723media/portfolio
Are you ready to finally launch your product?

{{ DiscussionBoard.errors[3322914].message }}

dudumolin

14 years ago

When I want to do something fast i use tables....
I spent a little more time using divs!

Thanks
1 reply

{{ DiscussionBoard.errors[3323191].message }}

Wasim 14 years ago

Originally Posted by dudumolin

When I want to do something fast i use tables....
I spent a little more time using divs!

That's exactly what I used to do but that's only because I'v always done it all in dreamweaver but the more I played around and practiced with DIVS in the html and then CSS as a seperate file the more easier it became. Personally I prefer the idea of setting up the html and css files seperately now and then only having to edit the CSS file for any changes. I also prefer the flexibility of being pixel perfect with CSS & DIVS.
- Thanks
{{ DiscussionBoard.errors[3323448].message }}

promo_guy

14 years ago

I prefer divs too. Basic tabular data I might use tables but I love divs and have created some great effects using divs for tabular data too.

I find tables for design to be bloated, heavy, causing more potential problems (from a design POV).

To tackle IE6,7,8, you can add a simple IE specific stylesheet VERY easily and fix most "bugs"

Thanks
1 reply

{{ DiscussionBoard.errors[3324460].message }}

webdesignblackburn 14 years ago

Div is the best way..coz it will be load fast so its good for doing SEO too..
- Thanks
{{ DiscussionBoard.errors[3326275].message }}

Bob Phantom

14 years ago

Divs, always Div's, not matter what you do Divs

Thanks

{{ DiscussionBoard.errors[3326676].message }}

limcode

14 years ago

Always using div except tabular data(table)

Thanks

{{ DiscussionBoard.errors[3326996].message }}

mystline

14 years ago

HTML5

Thanks

{{ DiscussionBoard.errors[3360631].message }}

samphaifan

14 years ago

defently DIVS! Today it is to easy to use div's EVEN if it is data ! HTML5 rules! and maybe you should use CSS3, even if some browser doesnt support is propperly yet, it will save you time and headache later ;-)

Thanks

{{ DiscussionBoard.errors[3360955].message }}

dellingter

14 years ago

i prefer div to make layouts and data for tables

Thanks

Signature

Pc Repair london
Computer Repair London

{{ DiscussionBoard.errors[3361171].message }}

nxtgencreative

14 years ago

Originally Posted by sortshots

What is better to use? "div" or "tables"???????

It is really good to use div. Tables were used in the early 2000's. Tables are not that customizable. With "div" CSS can do a lot more.

Thanks

{{ DiscussionBoard.errors[3363969].message }}

staciejortega

14 years ago

div is used to separate section of html into an object. and besides allow CSS tags and other html codes to act upon the entire div section. it is important to give a name to your div.

Thanks

{{ DiscussionBoard.errors[3365278].message }}

affiliateprogramindex

14 years ago

div for the win!

Thanks

{{ DiscussionBoard.errors[3365286].message }}

PBaxter

14 years ago

"div" the best option

Thanks

{{ DiscussionBoard.errors[3369537].message }}

jacobecoenergy

14 years ago

"table" will be the best option according to your requirement.

Thanks

{{ DiscussionBoard.errors[3374848].message }}

staciejortega

14 years ago

if you want to use table, you will also have to use CSS to modify styles

Thanks

{{ DiscussionBoard.errors[3378640].message }}

telltimmy

14 years ago

I prefer divs over table always as they are good with css and compatible with most browsers.

Thanks

Signature

Cherry Bedroom Furniture

{{ DiscussionBoard.errors[3379169].message }}

davidlouis88

14 years ago

I think Table is better. Table makes your site loading faster than Div make, my boss said that.

Thanks

{{ DiscussionBoard.errors[3379196].message }}

Tim Brownlaw

14 years ago

What drove me to learning divs and css layouts?
Trying to modify some complex tabled laid out, messy unreadable....site.

Tables are for eating your dinner off of ( with a plate in between the table and your dinner...) and sticking numbers etc into.

Divs can do the lot!

So although I went through a phase were I took great pride in making everything without tables - they do have their place, even on websites.

Thanks

Signature

Great Success is built from many little successes!

http://www.timbrownlaw.com - My Wee Part of the World.

http://www.LookingOverMyShoulder.com

{{ DiscussionBoard.errors[3379904].message }}

madhead29

14 years ago

Yeh defo Divs tables are not really made for the layout of a page. Plus they are a super pain to main and can cause cross-browser problems. But tables still have there use with tabular data. Can be done also with divs and css but it can get abit of a pain as a lot of work is needed.

Thanks

{{ DiscussionBoard.errors[3380617].message }}

gloribel5

14 years ago

DIV tags the best..

Thanks

Signature

Global Income

{{ DiscussionBoard.errors[3383564].message }}

freshmusic

14 years ago

I use div for layot

Thanks

Signature

Top 100 songs
my playlist

{{ DiscussionBoard.errors[3398218].message }}

chetankumar20

14 years ago

Div is the best option to use. Most of the developer and designers prefer to "div" due to its lots of benefits.

Thanks

{{ DiscussionBoard.errors[3401929].message }}

pc101seo

14 years ago

I was very keen to know the difference between the table and div as most of the webmaster's preferred DIVs than Tables. Why SEO says that using div is better than table. After reading on various blogs and forums I have analyzed some good reasons for preferring DIVs than Tables. Below are the data which I have collected, I hope this will help you in knowing the benefits of div over tables.

1. Div Loads faster than Tables
2. Tables can be inflexible
3. Accessibility issues are easier with DIV
4. Tables don't print as well
5. Div is great for SEO - powerful to do content positioning. So basically you can place the bulk of your rich content closer to the top of your HTML code, but it will still render on the browser in the same place
6. DIVs can reduce the size of page - Use of DIVs and CSS can allow you to reduce the size of your HTML significantly, depending on how nested your tables are. TABLE tags require, TR, TD, and some cases include, TH, THEAD, TBODY, TFOOT. This adds quite a few tags that can all be condensed into a few DIVs.

Thanks

{{ DiscussionBoard.errors[3402465].message }}

wowohwowdesign

14 years ago

It is my understanding that Google can only "try" to index your site with table based designs due to all the extra code necessary to make it function. Divs and CSS are definitely the way to go.

JasonGarland

Thanks
1 reply

{{ DiscussionBoard.errors[3402531].message }}

jminkler

14 years ago

Originally Posted by wowohwowdesign

It is my understanding that Google can only "try" to index your site with table based designs due to all the extra code necessary to make it function. Divs and CSS are definitely the way to go.

JasonGarland

huh? how did they survive in late 1990's then?

Thanks

{{ DiscussionBoard.errors[3407218].message }}

iphonesupport

14 years ago

i prefer div over tab. as seo's point of view, with the use of div there is a decrease in the ratio of code to content, the web crawlers would be able to find your site’s content pretty easily.

Thanks

{{ DiscussionBoard.errors[3403879].message }}

RyanAndrews

14 years ago

HTML5 semantic block level elements?
Yeah, too soon.

Thanks

{{ DiscussionBoard.errors[3418963].message }}

watchamakalit

14 years ago

DIV for me!

Thanks
1 reply

{{ DiscussionBoard.errors[3463818].message }}

bodiddley 13 years ago

If you're doing simple landers, then use tables if you're not already familiar with CSS layouts. CSS can be a blatant violation of the KISS principle. All of these turd-polishing, sugar-coating closeted masochistic nerds evangelizing CSS can shut it.
- Thanks
Signature
{{ DiscussionBoard.errors[6931907].message }}

cssbros

13 years ago

Definitely DIVS's.

Though there are cases that table are the best choice, take example for tabular data.

Thanks

Signature

Premium Web Design and Development Service

Website - www.cssbros.com
Email - arman@cssbros.com
Skype - cssbros

{{ DiscussionBoard.errors[6932388].message }}

PaceSolDallas

13 years ago

divs for the website development and for any data/form we use tables.

Thanks

{{ DiscussionBoard.errors[6932550].message }}

JohnnyS

13 years ago

Originally Posted by sortshots

What is better to use? "div" or "tables"???????

it depends on the use..

for layout purposes you should use DIVs it's more flexible than creating a layout using a table.

if your presenting a tabular data such as stats it's better to use a TABLE rather than creating a table by using a div.

Thanks

{{ DiscussionBoard.errors[6932583].message }}

Greg71

13 years ago

Use divs for everything, unless it's tabulated data.

For example, if you have a restaurant website, the menu could be put in a table with 3 columns.

One column is for item names, the next is for "Small" and the next for "large" size dishes/ drinks, containing prices.

The advantage of using the table is that it makes it easier to align everything.

Example: http://www.cafe235.com.au/coffee-menu