How to Make the CSS Positioning the Same in Firefox & Chrome
Firefox and Chrome translate CSS in different ways; browser inconsistencies are common when working with CSS and HTML, as each application has different methods for formatting code. Some browsers even use proprietary code that isn't supported in other browsers. Reset stylesheets have become common in the Web design world, as the code aims to equalize positioning and other attributes across browsers. You can add pre-created reset stylesheets to your Web documents to reduce formatting inconsistencies in Firefox, Chrome and other browsers.
Other People Are Reading
Instructions
-
-
1
Open your HTML document, then insert the following code in between the "<head>" and "</head>" tags:
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.4.1/build/cssreset/cssreset-min.css">
-
2
Save the document to make CSS positioning the same in Firefox and Chrome.
-
-
3
Upload the HTML document file to your Web server; when you refresh the page, the positioning discrepancies should no longer be present.
-
4
Open a Web browser and navigate to "CSS Tools" at Meyerweb.com.
-
5
Highlight all of the CSS code found on the "Reset CSS" page. Press "Ctrl+C" to copy the text.
-
6
Open a text editor, then press "Ctrl+V" to paste the CSS code. Save the file as "reset.css."
-
7
Upload "reset.css" to your Web server. Open your HTML document, then add the following code in between the "<head>" and "</head>" tags:
<link rel="stylesheet" type="text/css" href="http://<my website.com>/<my style sheet folder>/reset.css">
Replace "<my website.com>" with the domain name where your Web page is hosted. Replace "<my style sheet folder>" with the name of the folder containing your other style sheets, if applicable.
-
1
