Full-service Internet Marketing & Web Development
Recent Posts

Sponsors
![]() |
Switch Tables to CSSMike Peters, 06-25-2007 |
HTML Tables are evil. Surprisingly, many websites (including Software Projects as of this writing) continue to use HTML table tags to control formatting of websites page layout.
Here are 5 reasons why we're currently investing a lot of money in converting all of our web properties from table tags to css and why you should too:
1. Everything HTML Tables can do, CSS can do better.
Regardless of how "unconventional" your layout is, you'll be surprised a skilled CSS web designer can easily convert -any- layout to CSS.
2. Pages where the layout is controlled by CSS have a higher keyword density (lower ratio of HTML tags vs quality content). This helps your search engine rankings.
3. Pages where the layout is controlled by CSS load considerably faster on all browsers, especially Internet Explorer. You can truly feel a 2-4 second improvement in page loading time. HTML tables are harder for browsers to render.
4. CSS powered websites are more compatible with non standard browsers such as handheld, WebTV as well as all O/S platforms
5. CSS powered websites are cheaper to maintain. Your entire website Look & Feel can often be tweaked without touching more than a single file.
--
Here's a simple example of using CSS to render a page with two columns - a main content one and a right navigation menu.
<STYLE>
#mainbody
{
padding-right: 170px;
}
#rightside
{
position: absolute;
top: 0;
right: 0;
width:170px;
}
</STYLE>
<div id=mainbody>
Main Body goes here
</div>
<div id=rightside>
Right Navigation Menu</div>
Here are 5 reasons why we're currently investing a lot of money in converting all of our web properties from table tags to css and why you should too:
1. Everything HTML Tables can do, CSS can do better.
Regardless of how "unconventional" your layout is, you'll be surprised a skilled CSS web designer can easily convert -any- layout to CSS.
2. Pages where the layout is controlled by CSS have a higher keyword density (lower ratio of HTML tags vs quality content). This helps your search engine rankings.
3. Pages where the layout is controlled by CSS load considerably faster on all browsers, especially Internet Explorer. You can truly feel a 2-4 second improvement in page loading time. HTML tables are harder for browsers to render.
4. CSS powered websites are more compatible with non standard browsers such as handheld, WebTV as well as all O/S platforms
5. CSS powered websites are cheaper to maintain. Your entire website Look & Feel can often be tweaked without touching more than a single file.
--
Here's a simple example of using CSS to render a page with two columns - a main content one and a right navigation menu.
<STYLE>
#mainbody
{
padding-right: 170px;
}
#rightside
{
position: absolute;
top: 0;
right: 0;
width:170px;
}
</STYLE>
<div id=mainbody>
Main Body goes here
</div>
<div id=rightside>
Right Navigation Menu</div>
|
|
Subscribe Now to receive new posts via Email as soon as they come out.
Comments
Post your comments

