If you’re website displays wrong in Web Browsers you will lose visitors. So you may be trudging along, happily working on your Internet Marketing and meanwhile you website is out there displaying wrong to thousands of surfers.

I talked about this in my post 70+ Free Webmaster Tools but I wanted to make a special post about this issue because it is so important.

Have you ever seen how you website looks in different web browsers? You might be shocked at what you find. There are 64 types of Web Browsers out there and websites may not look the same in all of them, especially some older browsers, like, Opera, Netscape and especially Internet Explorer, which is so dysfunctional on so many levels.

I only use Firefox now, I used to be an IE user but now I would just like to eliminate IE from this hemisphere along with its constant security risk issues and for its problems with website display.

IE and other browsers has difficulty with rendering CSS, padding, margins and more and if these problems aren’t fixed then your website shows up distorted for those visitors using those web browsers and especially older versions of IE like 6 and even 7, and if you’re website presents distorted then you will lose those visitors.

Viewing your Website in 65 Web Browsers

There is a fantastic free tool webmaster tools, that will diagnose website display problems and show you how your websites look in over 65 browsers, take a look at the screenshot:

How websites look in all web browsers

You get screenshots of your websites in all the browsers you select presented on one page within the Browser Shots website.

This is really a magic tool and an absolutely free open source. You don’t have to register but if you do then there is no set limit to the number of browser checks you can run per day.

Just go to: Browser Shots and check out your sites. (I warn you: take a sedative before you look :-) )

Now hopefully your sites all look great and you’ve been saved from the hell of having to fix browser issues, but if not here are some solutions.

Fixing Website Display Problems in Web Browsers with Hack Codes:

The lingo used to fix these problems is Hack Code, and specifically CSS Hack Code.

This is the code I used to fix three of my sites, including two BANS sites, which were messed up in over 30 browsers.

This code primarily focuses on CSS display issues by hiding entire CSS stylesheets that older browsers cannot display. I got this Hack Code from Import Hack. This fixed the problem of my websites having an uneven display of the sidebar and main page, where the main page would shift down to begin at the bottom of the sidebar.

Added to the header.php file, before the first <head> tag.

</* simple.css */
body {
background:white;
color:#666666;
}>
</* modern.css */
body {
font-size:87%;
line-height:1.4em;
text-align:justify;
}>

Now, this is just one CSS Hack code, there are others that may work for you, it all depends on the website design and CSS coding and display problems you are having.

CSS Hack Resources:

Import Hack – Techie, not an easy read. As previously mentioned, this site offers lots of information on hack codes and specific browser fix issues.

Internet Explorer Website Browser Display Fixes - Easy read and user-friendly but shows limited problems. Defines specific problems and code/hack solutions for display problems that are IE specific.

CSS Hacks - Complete and User-Friendly Guide. Comprehensive guide and fixes to CSS display problems in different browser, especially IE.

Position Everything – Easy Read. Large collection of articles and resources for CSS display issues.

Net Mechanic - This site has a lot of information that is worth reading on Browser Display Issues. Provides a free trial of their HTML Box Tool, which will fix these issues.

Will the Browser Apply the Rules

Word Press CSS Fixing Browser Bugs



Print This Post





Article Marketing

Have You Subscribed to Blog Updates Yet? Get New Content Delivered via Email or RSS Reader Here!


Read My Review of The Best Content Spinner


Price Comparison Plugin for Wordpress
More Useful Stuff