Results 1 to 11 of 11

Thread: CSS vs Tables for a layout

  1. #1
    Join Date
    Feb 2005

    CSS vs Tables for a layout

    Okay everyone. As far as CSS goes I know some basics, but not much more than that. Since I've started reading here the past few weeks I get the impression that the general consencious is that I should use CSS instead of HTML tables for a layout.

    My questions are:

    1. Is it true that I should use CSS, and if so, why?

    2. How does it work? I need to know how to do it. An explanation or link to a detailed tutorial would be helpful.

    Thank you for the help everyone..........Lan

  2. #2
    Join Date
    Dec 2004
    Neca Valley, Pennsyltucky

  3. #3
    Join Date
    Feb 2005
    Thank you for the link. I think I can see where I might want to, but I still only know very basic CSS. Does anyone know of any good tutorials that can teach me more about CSS and layouts?........Lan

  4. #4
    Join Date
    Aug 2004
    "Well done....Consciousness to sarcasm in five seconds!" ~ Terry Pratchett, Night Watch

    How to Ask Questions the Smart Way (not affiliated with this site, but well worth reading)

    My Blog
    cwrBlog: simple, no-database PHP blogging framework

  5. #5
    Join Date
    Nov 2003
    Jerryville, Tejas
    My recommendations are in my sig below.
    "Debugging is twice as hard as writing the code in the first place. Therefore, if you write the code as cleverly as possible, you are, by definition, not smart enough to debug it." Brian W. Kernighan

  6. #6
    Join Date
    Oct 2004
    This is a good reference that points to other references: http://www.roderickhoward.com/cssdirectory/

  7. #7
    Join Date
    May 2006
    I think that css for many websites is better, because the css codes I just happen to think look nicer, and some of them you can combine with Javascript codes to creat neat clips and flash banners etc... The problem with css however is the 3 part codes for doing certain things, sometimes doing more than one image causes a probelm with using the css layout code to divide the page and a few other codes, creating a mess, simply cause you can't move it for part of another code being between it and the ending tag, this can creat a lot of probelms, but easy to fix, just be sure to know if the css is what is best, if you can't use the code, go for a short code of something else to do the same thing.

  8. #8
    Join Date
    Oct 2005
    Manchester UK
    There is only one logical answer for this as Tables were made to hold tabular DATA but were used for holding layouts together while CSS can have things like classes to hold a layout together by using DIVS and then styling them to make a layout.
    Dan Williamson - Web Portfolio

    Skillset: - (x)HTML, CSS, Web Standards, SEO

  9. #9
    Join Date
    Mar 2005
    Sydney, Australia
    By taking the tables out of the page and using CSS you make the page source a lot smaller and faster loading. You avoid having related objects separated into separate table elements. You make it easier to add additional stylesheets for print, web readers, handhelds etc. Just to name a few of the most obvious benefits.

  10. #10
    Join Date
    Oct 2005
    Quote Originally Posted by ray326
    My recommendations are in my sig below.

    I reccomand the book in Ray326's sig.
    Bought it myself and it really helped me alot.

  11. #11
    Join Date
    Mar 2006
    Also, check out all the CSS information available through:


    CSS layouts can be frustrating at first when you're trying to learn them and you just keep thinking, "If only I was using tables, I would have this done already." But it's well worth it. I can't imagine trying to do a table layout now. Once you learn enough about CSS you realize that table-based layouts are seriously limited.

    Oh, and if you need some inspiration for some truly incredible CSS layout tricks just browse through some of the designs at:


    It was looking through that site that finally convinced me that CSS layouts were worth it.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center



X vBulletin 4.2.2 Debug Information

  • Page Generation 0.15791 seconds
  • Memory Usage 2,946KB
  • Queries Executed 13 (?)
More Information
Template Usage (33):
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_global_above_footer
  • (1)ad_global_below_navbar
  • (1)ad_global_header1
  • (1)ad_global_header2
  • (1)ad_navbar_below
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (1)ad_thread_first_post_content
  • (1)ad_thread_last_post_content
  • (1)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)headinclude_bottom
  • (11)memberaction_dropdown
  • (1)navbar
  • (4)navbar_link
  • (1)navbar_moderation
  • (1)navbar_noticebit
  • (1)navbar_tabs
  • (2)option
  • (11)postbit
  • (11)postbit_onlinestatus
  • (11)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available (6):
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files (26):
  • ./showthread.php
  • ./global.php
  • ./includes/class_bootstrap.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/functions_navigation.php
  • ./includes/class_friendly_url.php
  • ./includes/class_hook.php
  • ./includes/class_bootstrap_framework.php
  • ./vb/vb.php
  • ./vb/phrase.php
  • ./includes/functions_facebook.php
  • ./includes/functions_calendar.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_notice.php
  • ./packages/vbattach/attach.php
  • ./vb/types.php
  • ./vb/cache.php
  • ./vb/cache/db.php
  • ./vb/cache/observer/db.php
  • ./vb/cache/observer.php 

Hooks Called (70):
  • init_startup
  • friendlyurl_resolve_class
  • init_startup_session_setup_start
  • database_pre_fetch_array
  • database_post_fetch_array
  • init_startup_session_setup_complete
  • global_bootstrap_init_start
  • global_bootstrap_init_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • load_show_variables
  • load_forum_show_variables
  • global_state_check
  • global_bootstrap_complete
  • global_start
  • style_fetch
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • strip_bbcode
  • friendlyurl_clean_fragment
  • friendlyurl_geturl
  • forumjump
  • cache_templates
  • cache_templates_process
  • template_register_var
  • template_render_output
  • fetch_template_start
  • fetch_template_complete
  • parse_templates
  • fetch_musername
  • notices_check_start
  • notices_noticebit
  • process_templates_complete
  • friendlyurl_redirect_canonical
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • memberaction_dropdown
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • build_navigation_data
  • build_navigation_array
  • check_navigation_permission
  • process_navigation_links_start
  • process_navigation_links_complete
  • set_navigation_menu_element
  • build_navigation_menudata
  • build_navigation_listdata
  • build_navigation_list
  • set_navigation_tab_main
  • set_navigation_tab_fallback
  • navigation_tab_complete
  • fb_like_button
  • showthread_complete
  • page_templates