Home › Blogs › WebDestroyer's blog ›

Why tableless design, DIV vs. TABLE

Submitted by WebDestroyer on Fri, 04/24/2009 - 01:26

Everybody says avoid tables when you are creating design elements like layouts, themes, pages... Why?

Because:

  • Main
    (X)HTML says; tables are for tabular data not for website-layout
  • Speed
    Tables have much design code than content, divs are faster for download. Save bandwidth!
  • Usability
    Tables let confusing while creating layout(You have to remember which TR or TD ends in which template file)
  • Debug
    Debug is easier with CSS, mostly all design code is in one css file
  • Update
    Change design anytime just using css-style files without need to touch template files
  • Overview
    With CSS you can separate design from code.
  • Cache
    Most CMS support cache for CSS. Less work for server-cpu and more speed for visitors.
  • Print
    Printing pages in css-layout are easier than pages with tables
  • Position
    Absolute or fixed positioning is not avaliable for table-cells.
  • Priority
    With tables you cannot set priority of content. (Browsers scan from top to bottom)
  • Access
    Disabled people who surf with help of special devices cannot get the content of pages with tables in the right order.
Bookmark/Search this post with
Tags:

Comments

It is easy for me to use

Submitted by Anonymous (not verified) on Sun, 04/26/2009 - 19:46.

It is easy for me to use tables. But I will change to divs.

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Use <pre> all your html php come here </pre> for your code
  • Allowed HTML tags: <a> <b> <pre> <h1> <h2> <h3> <h4> <h5> <h6> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <div> <style><img> <br> <blockquote>
  • Lines and paragraphs break automatically.
  • You may insert videos with [video:URL]

More information about formatting options

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
Image CAPTCHA
Enter the characters shown in the image.

CafeWebmaster.com(CW) is a free online community for webdevelopers and beginners. Anybody can share their code, articles, tips, tutorials, code-examples or other webdesign related material on the site. Newbies can submit their questions and reply to existing questions. CW does not guarantee or warrant reliability of code, data and information published on the site. Use the site on your own risk. The site takes no responsibility of direct or indirect loss or any kind of harm to its users. The site also doesn't take responsibility of infected files or source code with any kind of infection or viruses, worms, spywares, malwares, trojan horses. CW reserves the right to edit, move, or delete any of content for any reason.