Website Designing with Browser Compatibility

Website Designing with Browser CompatibilityIn the early days of the Internet, many sites advertising "Best viewed with Netscape" or "Best viewed with Internet Explorer" or the like. These days, such labels seem to be rarer. Web designer today put an inordinate amount of effort to promote their sites on the search engines.

The principle of designing the page for compatibility with different browsers, operating systems are as follows.

1. Screen Resolution Issues Design the site with fixed widths. Designing for the 1024x768 screen resolution, will force almost half the visitors to scroll the screens horizontally to see the entire page. Horizontal scrolling irritates a number of people hence many sites try to avoid it. They do this by either designing with a fluid design, where the page automatically fits whatever screen resolution the visitor uses, or by designing it for a worst case screen resolution (either 800x600 or 640x480). Never design the pages more than 800x600 display resolutions. Doing so will probably displease at least half the visitors, who will have to repeatedly scroll horizontally (back and forth) to read the sentences on the page. If, despite this, you feel that you need a fixed canvas larger than 800x600, use a trick: put optional material (like advertisements) in the rightmost column of their web page. This allows visitors to have smaller screens to ignore the rightmost column; they can read the main content without having to scroll horizontally.

2. Color Limitations A color code like #F2C3BC results in different colors on different systems, depending on the number of colors that exist in visitors' color palettes, their monitors, etc. For example, a color that looks good on a 24-bit color system ("True Color" on Windows, "millions of colors" on Mac), and the visitor goes to your site using a 256 color setting on his system, the color will be dithered to fit into the more limited number of colors in his palette. Use the next lowest denominator, the 16-bit color setting. The 16-bit color palette is not a subset of the 24-bit color palette: apart from black and white, the colors in the two palettes are not identical.

3. Frames Frames can be explained in two points of views: screen resolution and people who browse your site using speech software. One common complaint is that designers using frames usually forget that visitors don't have the same large screen resolution that the designers have when they created the web page. Sites with frames tend to provide a smaller area for people to view the main content of the site, since the outer frames occupy some of the screen real estate as well. If the web designer has not checked the site using a lower screen resolution like 800x600 and 640x468, and tested its usability with those lower resolutions, the designer may not be aware that the site is difficult to use in such situations. Visitors may have to scroll horizontally and vertically continually to read the content. The situation is worse if the designer removed the scroll bar and visitors find they can no longer scroll left/right/up/down to read the content.


Related Articles

  • Website Designing with Browser Compatibility
    In the early days of the Internet, many sites advertising Best viewed with Netscape or Best viewed with Internet Explorer or the like. These days, such labels seem to be rarer. Web designer today put an inordinate amount of effort to promote their sites on the search engines.
  • The Importance Of Compatibility
    Have you ever looked at a web site that wasnt quite right? Perhaps the content didnt fit properly in a frame or the text was all skewed across the page? Or even worse, you get error messages for parts of a site that just wont load in your browser, yet your colleagues can see it perfectly?
  • Cross Browser Compatibility
    If you want everybody to have access to your site, youd better make sure it is recognized by all existing browsers. These useful tips will help you check yourself.
  • Converting Print Advertising For Use On The Web - A How-To
    Contrary to the beliefs of some, advertising for web and print are very different. Converting print ads for use on the web is very tricky. What has been very successful on paper may have no impact at all on the screen. When I am asked
  • Screen Size Compatibility Can Make Or Break Your Design
    Have you ever visited a Web site that looked, well
  • Designing a User Friendly Website
    Summary - Here are some points to be kept in mind while designing a website that easy to browse through and serves its ultimate purpose of providing information. Legibility.
  • WYSIWYG Versus Coding: HTML With A Purpose
    After years of working with entrepreneurs who developed their first web site using an image-based editor, the new world of internet marketing has placed a stronger emphasis on web development that conforms to technical concerns such as search engine optimization and multi-browser compatibility.
  • Designing for the web
    The purpose of design is to facilitate communication between user and content. Designing for the web means designing sympathetically with the way people actually use the web, not how we think they should. People approach web sites in very different ways to how we design them...
  • CSS Validation and HTML
    HTML validation and CSS validation are controversial issues with some people. This article discusses some of the issues that have come increasingly to the fore in web development. The article will also provide a practical method that overworked webmasters can use to improve their website.
  • For a Global Presence You need a Quality Web Design
    Its the right time to go global. Whether you are a global business giant or a local enterprise, you need to make your presence strongly felt in the virtual world. Your success depends to a large extent how your profile and portray your business with the right target audience. And your presence mus....

Contact Web Design Outsource and get started today

Need Website Designing, Development, Redesigning, Maintenance and SEO services or help growing your company's web presence? Request a free Quote Now.