How to i make my site cross browser compatible?

Question

This question seems to be asked a lot, but the problem is usually with IE.

I am having trouble getting my site to look right in Firefox, IE is fine.

* 'text-align:center;' and 'margin:10px 50px 10px 50px;' in the body section is not working.

but the rest of the div's are sitting right.

Using IE 7 and on the 'About Mozilla Firefox' under the help menu on the browser it says version 2.0.0.16 and with w3schools detect browser versions it says Netscape 5 so make of that what you will.

WELL CONFUSED!!!

Thanks in advance

Answer 1

Probably best to make two sites, one for web standards follow browsers, opera, firefox and one for non-compliant i.e. Internet Explorer

Answer 2

Testing the cross-browser compatibility of your website is something each website owner should do. Although you have your own preferred browser, your website visitors may not be using the same web browser as you.

If you are redesigning an existing website, you could look at the website stats for your website and see which browsers (and operating systems) the past visitors have been using. Understand, this is not a recommendation to ignore the less frequently used browsers of your visitors, but an exercise to show you what browser your website visitors are using.

For a new website, if you have done your target audience research then you would have a list of the most common browsers your website visitors would be using.

A safe policy to have is that each web page is viewable in as many browers possible.

Definition of cross-browser compatible:

Cross-browser compatible

Compatible with all major browsers available

Major browsers available:

Internet Explorer

Firefox

Safari Note: Safari is now available for Windows and Mac computers

Netscape

Opera

Text based browsers for Lynx operating system or the visually impaired. Lynx Viewer is available to test your web pages.

JAWS - screen reader for the visually impaired.

How does your website look in any of the browsers listed above? Not everyone is using Internet Explorer to surf the Internet these days.

How do I Make My Site Cross-Browser Compatible?

To create a cross-browser compatible website:

Use only standard compliant coding.

Don't use browser specific (proprietory) HTML tags and features.

These only work in the browser they were created for and may even break your web page when viewed in another browser.

Validate your web pages.

Validate your HTML/XHTML coding using the W3C free validation service

Validate your cascading style sheets using the W3C free validation service

Some have the "You can't please everyone" attitude. Yes, your site will look different in each browser because each one interprets the coding differently. The goal with cross-browser compatibility is to make your site viewable in the major browsers available and have the pages render correctly. One thing that will drive visitors away is a site that doesn't work in their chosen browser.

Answer 3

If i cant do it with css i do it with images and place em just right but then u would need php to check if the browser is ie and do the changes

Answer 4

It depends entirely on just how you've done everything... I'd recommend trying to put a "container" div around something that isn't sitting right, then trying the various positioning methods (top/left, margin and padding) to see if you can get one to behave well...

You might also want to check out csszengarden - they've got some great CSS on there, which might help you out...

Answer 5

COMPATIBLE WITH WHAT.?

http://www.htmlbasictutor.ca/cross-brows...

http://www.google.co.uk/search?hl=en&q=H...