Results 1 to 11 of 11

Thread: Tables = Fit all Resolutions?

  1. #1
    Join Date
    Dec 2011

    Tables = Fit all Resolutions?

    So one of the biggest issues I have had when practicing designing a website is getting it to fit the window with various screen resolutions. After doing a bit of research it seemed many people said the same thing. Designing your site within a table is the trick to getting it to fit whatever the resolution. Though I've read up on it there were some things I didn't quite understand and I hoped someone here could clarify things for me.

    For anyone who understands this method, this is what I understand.

    1) You create a table, setting it's width and height to 100% (or less if you want some white space), so that whatever the resolution, it will fit the window.

    2) The table I think has 3 rows and 3 columns. Row 1 and 3 (top and bottom) have a set height in px. Also, columns 1 and 3 (left and right) do the same for width. That means the 2nd row and 2nd column are the same cell, which has no set width/height, taking up whatever space the other rows and columns do not.

    3) All content, whether they be text or images are put into this one single cell.

    If I understood this right then great though I'm sure there are things I got wrong, or things I am missing here. So if anyone who understands this method could clarify this for me it would be greatly appreciated and I would get to practicing this method right away.

  2. #2
    Join Date
    Mar 2005
    Behind you...
    I suppose if you are asking if using tables is a viable solution to creating a dynamic width/height website then the answer would be yes.

    However my first clarification on all of this would be to use CSS tables rather than the standard <table> tag. You can achieve the same desired visual effect but avoid some of the issues traditional tables can present.

    My only other note to you for now would be to use the style properties of margin and padding to set outside whitespace rather than setting a width less than 100%. Using % based whitespace obviously makes the whitespace change with the size of the browser window and thus changes the desired result depending on the user's resolution or window size.
    "Given billions of tries, could a spilled bottle of ink ever fall into the words of Shakespeare?"

  3. #3
    Join Date
    Feb 2008
    NW Washington State
    many people said the same thing. Designing your site within a table is the trick
    To be honest, no Web design experts I know, or have contact with in the various Web development Forums I participate in would ever recommend using tables as the basis for a flexible resolution Web site.
    So coming from that background, I'd suggest that you not waste your time learning a method of Web design as limited as designing using tables but rather put your efforts into learning CSS layout and positioning. It is FAR more flexible, powerful, and forward looking than working with tables.
    Best wishes,
    Eye for Video

  4. #4
    Join Date
    Dec 2011
    The TABLE tag should only be used for tabular data, not website layout. Use DIV elements; they are faster to render, and have long become the standard of website layout structure.
    Did you do your website html homework today? make french toast bora Stanley Kubrick's 2001 dvd kubrick on DVD.

  5. #5
    Join Date
    Dec 2011
    I appreciate the input thank you. So as far as getting web pages to fit in various screen resolutions, what is it you DO recommend? Should just using a proper mix of fixed and fluid values (depending on what it is you're trying to do) do the trick? I'm sure this is a really basic question, I just don't have too much experience with this yet.

  6. #6
    Join Date
    Nov 2002
    Fluid vs. fixed largely depends on your use of images for the design as they will cause the most grief when dealing with a fluid design. I have a site I'm working on that's on my PC where the client side of the site is fixed as where the admin part of it is fluid.

  7. #7
    Join Date
    Jan 2012
    You're absolutely right. It is table-structed page making. It's not actual nowadays.

  8. #8
    Join Date
    Jan 2012
    Alexandria, Virginia
    Honestly, if I saw your site made out of tables, the first thought in my mind would be - amateur.

    Please learn how to use a mixture of divs and CSS. You can set widths however you want with divs too!

    Tables are for tabular data only. divs are for everything else, except for the few cases where you need to use spans instead of divs.

  9. #9
    Join Date
    Jan 2012
    Right. To an advanced HTML(and CSS) user divs are better. But I give advices to newbies. Firstly let them should learn basics.

  10. #10
    Join Date
    Nov 2002
    Baltimore, Maryland
    Quote Originally Posted by Mister_grey2010 View Post
    Right. To an advanced HTML(and CSS) user divs are better. But I give advices to newbies. Firstly let them should learn basics.
    Better they should learn how to do it correctly than learn it wrong, then unlearn and then learn it right.
    “The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.”
    —Tim Berners-Lee, W3C Director and inventor of the World Wide Web

  11. #11
    Join Date
    Jan 2012
    I wanted to say I give advices to newbies, who wants not to spend a lots of time to learn an unnecessary things.

Thread Information

Users Browsing this Thread

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

Tags for this Thread

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.10831 seconds
  • Memory Usage 2,959KB
  • Queries Executed 15 (?)
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
  • (2)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 (73):
  • 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_postinfo_query
  • fetch_postinfo
  • 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
  • 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