When creating a website, there are two different types of layouts that can be chosen: CSS layouts and Table layouts. These options achieve different results, as well as come with their own set of advantages and disadvantages. Accessibility issues also arise when using these two approaches.
CSS Layouts
CSS, which stands for Cascading Style Sheets used to be recognized as the most popular choice for formatting text, but in recent years, have found a place within the world of layout and positioning. When set up correctly and efficiently, this selection can prove to be quite beneficial, but one has to know that this can also be a lengthy process.
Even though CSS layouts are widely accepted by current browsers, older browsers do not support this option well. The layout is still usable because it displays the navigation and subject matter at the top of the page. Some of the positive aspects of CSS layouts are that positioning becomes more flexible, as well as increase capabilities by promoting a fluid design. CSS layouts feature a decreased load time by maintaining a low HTML/text ratio. With CSS, the main display loads first and the graphics appear after the main content has loaded.
CSS layout creates flexibility, allowing the content of a page to expand the same width as the screen. Single files within the layout can also be altered to improve screen and printing capabilities. CSS layouts is more user-friendly because the main information loads on the top of the screen, so that visitors to the website do not have to wait for the entire page to load. While they are concentrating on the information on the top of the screen, the larger items that take longer to load can load without becoming too much of a distraction.
CSS Accessibility
CSS layouts can ease accessibility dilemmas posed by table layouts because content in a CSS-based layout appears in a reasonable order without any interruptions. The layout is also favorable for disabled users by breaking down the information into easily digestible material.
Table Layouts
Tables have been a common tool used for designing websites for a while now, but since there has been the creation of many different browsers, some issues regarding compatibility and accessibility do arise. Websites that use tables are easier to apply than CSS layouts. Software like Frontpage and Dreamweaver easily work well with tables.
Some disadvantages to using tables, is that some problems with layout occur in some newer and older browsers. This option also alters the HTML/text ratio to increase the page file sizes when it isn’t necessary to do so.
Table Compatibility Issues
The majority of websites we see today use tables, from sites dealing with education to sites filled with news. One of the main issues regarding the table layouts is that users and web developers find problems with browser compatibility.
There are several browsers on the market that are popular, such as Netscape and Internet Explorer, but there are also many other versions in use that should also be tested for compatibility. When browser compatibility tests are done, there are some browsers that will show gaps within the table layout. Elements appear on the layout that shouldn’t be seen, such as cells in odd positions or the presence of thicker columns. These matters take a lot of time and energy to correct.
