Skip to main content
CafeWebmaster

Main navigation

  • Tools
    • MD5 converter
    • SHA1 converter
    • Base64 encode
    • Base64 decode
    • HTML entities encode
    • HTML entities decode
    • Raw url encode
    • Raw url decode
    • UTF8 encode
    • UTF8 decode
    • Unix Time to Human Date converter
    • Remove duplicate lines
    • Sort text lines
    • Backwards - Mirrored Text
    • PiRaTe tExT
    • Your IP Address & Hostname
  • Forums
  • Free PHP Scripts
    • Image watermark with PHP
    • Page generation time with PHP
  • CSS
    • CSS hidden left menu
    • CSS horizontal menu
  • Free Fonts
  • Image Editors
  • Tutorials
    • Check password strength / safety with PHP and Regex
    • Cómo hacer que su sitio web popular!
    • How2 make a website popular
    • How2 secure your website
    • Kennwort Sicherheit mit PHP und Regex Prüfen
    • Page generation time and http-referrers with php
    • Redirect webpages with HTML, PHP, .htaccess, Java+Script, CGI-Perl, ASP.NET and ColdFusion
  • New
User account menu
  • Log in

Breadcrumb

  1. Home

Why tableless design, DIV vs. TABLE

By WebDestroyer, 24 April, 2009

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.
  • Log in to post comments

Anonymous (not verified)

14 years 5 months ago

It is easy for me to use

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

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.