Chrome vs Firefox Browser CSS issues

  • July 4, 2015
  • CSS
No Comments

Firefox vs Chrome  Browser CSS issues

I recently faced a issue with css float in chrome and firefox mozilla. The issue is that when i position a button in chrome, IE, safari it works fine and in firefox (mozilla) it is not working properly.

Error of Chrome browser CSS display vs Firefox Mozilla CSS display

firefox mozilla vs chrome css browser display errors

Has you can see, same code but different outcomes. In firefox dislay there is a slight change in button #1 “Clear” and button #2 “Copy”.

How to fix CSS issues with positioning a floating element in firefox mozilla browser and chrome browser?

element floating display issue fixing in mozilla

To fix these errors add the code highlighted in red in the image and rewrite the code. #1 code is for other browsers and #2 with the special -moz- code is for mozilla firefox browser.

@-moz-document url-prefix()

 

Washeen Alagiyawadu is a Web Developer, Designer and one of the Top 25 SEO Experts in USA.

Scan this using your phone QR scanner to send me a message

message me qr scan