Please feel free to copy the article below (either the HTML version or the plain text version) and republish it at your site or include it in your newsletters or Ezines. You must not make any changes to the content of the article and you must include the Original Article URL. Please read our Terms of Service For Publishers before you republish this article.

Article Title: Choosing Relative or Fixed Table Widths
Author: Robert London
Category: Internet RSS
Republish articles from Internet category automatically



HTML Version:
Choosing Relative or Fixed Table Widths <br> Article By: Robert London <br><br> Whether you choose to use relative or fixed table depend on your content and the amount of control you went over the result. Many <a href="http://www.lilo.co.uk/">Web design London</a> prefer fixed table because they can be sure that their view of the content will be the same as the users. The current trend is to provide content in relative table that adapt to different screen resolutions.<br> You can set relative table widths as percentages in the table WIDTH attribute. If you choose relative table widths, your table resize based on the size of the browser window shows a table with the WIDTH attribute set to 100 percent.<br> The browser will try to fit the <a href="http://www.lilo.co.uk/seo-lilo.asp">SEO London</a> content into the window, wrapping text as necessary. The advantage of using a relative width is that the resulting table is more compatible across different browser window sizes and screen resolutions. The disadvantage is that you have little content can shift from user to user based on browser window sizes.<br> You can set absolute table widths as pixel values in the table WIDTH attribute. Fixed table remain constant regardless of the browser window size. The advantage of using affixed table is that you can gain greater control over the result the user sees. The user's browser size and screen resolution have no affect on the display of the page. <br> REMOVING DEFAULT TABLE SPACING<br> Default spacing values are included in table even when you do not specify values for the table's BORDER, CELLPADDING, or CELLSPACING attributes. Without the default spacing values, the table cells would have no built-in white space between them, and the contents of adjoining cell would run together Depending on the browser, approximately two pixels are reserved for each of these values you can remove the default spacing by explicitly stating a zero value for each attribute.<br> WRITING EASY-TO-READ TABLE CODE<br> The HTML table code can get complicated when you add content to your table. Not only do you have to mange all the table tags and attributes, but also the text, images, and links in your cells. One small error in your code can cause unpredictable results in the browser.<br> You can simplify your table creation and maintenance tasks by writing clean, commented code. If you use plenty of white space in the code, you will find your tables are easier to access and change. Adding comments helps you quickly find the code you went. The various code samples in this chapter demonstrate the use of comments and white space in table code.<br> REMOVING EXTRA SPACES<br> Always remove any leading or trailing spaces in your table cell content. In some browsers the extra spaces create white space in the table cell. These spaces cause problems if you are trying to join the contents of adjacent cells. Even though the default spacing has been removed, there still is space between the images.<br> <br><br> Original Article URL: <a href='http://internet.myfreearticlecentral.com/Article_10498_Choosing-Relative-or-Fixed-Table-Widths.aspx'>Choosing Relative or Fixed Table Widths</a> <br><br> Robert London is an employee at Lilo, a Web Development and Design company based in London. Lilo also specialises in <a href="http://www.lilo.co.uk/web-development-lilo.asp">Web Development London,</a> Website Design and Branding, E-marketing, E-commerce, and Multimedia, Web Applications as well as <a href="http://www.lilo.co.uk/">SEO London</a>. Lilo has offices in Blooms bury, London, Cape Town South Africa and Melbourne Australia. <br><br>



Plain Text Version:
Choosing Relative or Fixed Table Widths Article By: Robert London Whether you choose to use relative or fixed table depend on your content and the amount of control you went over the result. Many Web design London [http://www.lilo.co.uk/] prefer fixed table because they can be sure that their view of the content will be the same as the users. The current trend is to provide content in relative table that adapt to different screen resolutions. You can set relative table widths as percentages in the table WIDTH attribute. If you choose relative table widths, your table resize based on the size of the browser window shows a table with the WIDTH attribute set to 100 percent. The browser will try to fit the SEO London [http://www.lilo.co.uk/seo-lilo.asp] content into the window, wrapping text as necessary. The advantage of using a relative width is that the resulting table is more compatible across different browser window sizes and screen resolutions. The disadvantage is that you have little content can shift from user to user based on browser window sizes. You can set absolute table widths as pixel values in the table WIDTH attribute. Fixed table remain constant regardless of the browser window size. The advantage of using affixed table is that you can gain greater control over the result the user sees. The user's browser size and screen resolution have no affect on the display of the page. REMOVING DEFAULT TABLE SPACING Default spacing values are included in table even when you do not specify values for the table's BORDER, CELLPADDING, or CELLSPACING attributes. Without the default spacing values, the table cells would have no built-in white space between them, and the contents of adjoining cell would run together Depending on the browser, approximately two pixels are reserved for each of these values you can remove the default spacing by explicitly stating a zero value for each attribute. WRITING EASY-TO-READ TABLE CODE The HTML table code can get complicated when you add content to your table. Not only do you have to mange all the table tags and attributes, but also the text, images, and links in your cells. One small error in your code can cause unpredictable results in the browser. You can simplify your table creation and maintenance tasks by writing clean, commented code. If you use plenty of white space in the code, you will find your tables are easier to access and change. Adding comments helps you quickly find the code you went. The various code samples in this chapter demonstrate the use of comments and white space in table code. REMOVING EXTRA SPACES Always remove any leading or trailing spaces in your table cell content. In some browsers the extra spaces create white space in the table cell. These spaces cause problems if you are trying to join the contents of adjacent cells. Even though the default spacing has been removed, there still is space between the images. Original Article URL: http://internet.myfreearticlecentral.com/Article_10498_Choosing-Relative-or-Fixed-Table-Widths.aspx Robert London is an employee at Lilo, a Web Development and Design company based in London. Lilo also specialises in Web Development London, [http://www.lilo.co.uk/web-development-lilo.asp] Website Design and Branding, E-marketing, E-commerce, and Multimedia, Web Applications as well as SEO London [http://www.lilo.co.uk/]. Lilo has offices in Blooms bury, London, Cape Town South Africa and Melbourne Australia.

Original Article URL:

Keywords: