Problem with different Web Browsers?

[Robbm14]

On my website I am having problems with different things working/not working on different web browsers. Things like over lapping text and margins being messed up. I was wondering what all of my options are to fix this and what is the easiest way to go about fixing it so it fits all browsers.

thanks,

-Robert

[avantstar]

Using Divs and floating text, not tables.

[mobilefoodguy]

The best way to fix this is through browser detecting scripts. If you are using dynamic pages such as PHP or ASP you can setup a browser detection script and then serve the appropriate page to the requesting user.

You probably have some code on the page that is not "proper" or is "deprecated" html. You should be using CSS (cascading style sheets) as much as possible.

[christophercloud9]

Hello,

Try validating your site through the W3C validator if possible-usually this will ensure code is proper.

[mymuto]

I agree to stay away from tables and use floating divs. Also, you should check your paddings since that can cause differences in browsers. Most problems I came across and I'm sure lots of others is with IE. You should read up on its quirkiness.

[KarenWalsh]

Hi Robert

A neat trick I found a while ago was to use the following line at the top of your Cascading Style Sheets:

* {margin: 0; padding: 0;}

This tells all browsers to use no margins and padding on all elements. You then have to go back and add margins and padding yourself. For instance at the botttom of paragraphs, as follows:

p {margin-bottom:1em;}

I now have very few problems of the kind you mentioned. If you are using tables, then you would first need to set the borders and padding to 0 at first and then reset them to what you need.

[cg410]

This is terrible advice. You don't need to create a separate version of your site for each browser. If designed carefully, you can create one version that works in all the popular browsers. The only time when browser detection is generally appropriate is for mobile devices because of the small screen resolution.

The best way to fix this is through browser detecting scripts. If you are using dynamic pages such as PHP or ASP you can setup a browser detection script and then serve the appropriate page to the requesting user.