html - How to optimize web pages for Mozilla Firefox? My pages are not displaying correctly on firefox. In chrome, it's perfect -

I use Google Chrome to see how my code provides a browser, now Chrome is all right when If they are opened in Firefox then there is some irregularity.

• In the Chrome navigation bar, enter your inner-elements (
  • & Lt; / ul & gt; ). Not in Firefox. i.e., some height-width mismatches . Different colors for << Li>
  • placeholder tags
  • Divs for different border colors
  • etc.

  How to optimize pages for Firefox?
  

What exactly do you want to know, "How compatible I am to CSS styles in all browsers Can I? "

Browsers have base stylesheets that they use, a starting point for formatting the normal HTML, each of them uses the same ( ish ) style of its own However, there are differences, you should also look at IE ... this is also going to look different.

The solution is to use a CSS reset such as UUI CSS Reset or other CSS Reset stylesheet. This will set some base values ​​for all genres that are applicable to all browsers, effectively resetting them on a single basis. Some of them do not reduce almost anything of style, so you need to set all the styles explicitly. Others just dial things back in an original state, but they do not remove everything what they all do, some basic styles are set for all the elements which will automatically override the browser which applies automatically. .

When you apply a CSS reset stylesheet, you apply your own styles later, you probably have to make adjustments to the styles you've already created, but you will know that its All later styles are more consistent in browsers.

This is a basic starting point strategy for any new site design. It is so easy to start a new design in this way, so the question is not really about Firefox or Chrome - it's about stability in general.