The New Stuff

HTML Tables

List of problems occuring while using html tables


1. Rendering the table is time consuming
The entire table must be downloaded and the dimensions of everything in the table must to be known before the table can be rendered. That can delay the rendering of your content, especially if your table contains images without HEIGHT or WIDTH attributes.
 
2. Problems in display and layout of contents
If any of your table’s content is too wide for the available display area, then the table stretches to accommodate the oversize content. The rest of the content then adjusts to fit the over sized table rather than fitting the available display area. This can force your readers to scroll horizontally to read your content, or can cause printed versions to be cropped.
For readers whose displays are narrower than the author anticipated, fixed-width tables cause the same problems as other oversize tables. For readers whose displays are wider than the author anticipated, fixed-width tables cause extremely wide margins, wasting much of the display area. For readers who need larger fonts, fixed-width tables can cause the content to be displayed in short choppy lines of only a few words each.
3. Search Engine Optimization Issues
Some search engines use the text at the beginning of a document to summarize it when it appears in search results, and some index only the first n bytes of a document. When tables are used for layout, the beginning of a document often contains many navigation links that appear before than actual content. Some search engines ingnore the tables.
4. Syntax issues with tables
Many browsers are especially sensitive to invalid syntax when tables are involved. Correct syntax is especially critical. Even with correct syntax, nested tables may not display correctly in older versions of Netscape Navigator.
Some browsers ignore tables, or can be configured to ignore tables. These browsers will ignore any layout you’ve created with tables.
Many versions of Navigator have problems linking to named anchors when they are inside a table that uses the ALIGN attribute. These browsers seem to associate the named anchor with the top of the table, rather than with the content of the anchor. You can avoid this problem by not using the ALIGN attribute on your tables.
Take precautions while using tables:
If you use tables for layout, you can still minimize the related problems with careful markup. Avoid placing wide images, PRE elements with long lines, long URLs, or other wide content inside tables. Rather than a single full-page layout table, use several independent tables. For example, you could use a table to lay out a navigation bar at the top/bottom of the page, and leave the main content completely outside any layout tables.

Comments

comments

Recently Published

article image
»

10 Fast and Free Security Enhancements

10 Fast and Free Security Enhancements Before you spend a dime on ...

article image
»

BIOS Beep Code Manual..

BIOS Beep Codes When a computer is first turned on, or rebooted, its ...

article image
»

23 Ways To Speed WinXP, Not only Defrag

23 Ways To Speed WinXP, Not only Defrag Since defragging the disk ...

1
»

Samsung To Supply A6 Processor For Next iPhone As Chairman Dispatches !

Here’s some interesting news, Today 9to5mac reported that ...

1
»

This iPhone 4S Sent To The Space [Video]

Looking for some cool videos, well a YouTube user and his team named ...

»

Gmail Power Tips: How To Integrate Your Facebook, Twitter, Yahoo, Friendfeed In Your Gmail

We all love Google and its very famous web mail service, Gmail. I ...

article image
»

WINE 1.2 STABLE RELEASED – 2 YEARS, 23, 000 CHANGES

Wine 1.2 stable has finally been released today after more than two ...

article image
»

safe anonymous browsing – no more banned or blocked websites!

Safe anonymous browsing no more banned or blocked ...

article image
»

Keyboard Short cuts…

Keyboard Short cuts… Getting used to using your keyboard ...

Get Adobe Flash player