This website uses Cookies. Click Accept to agree to our website's cookie use as described in our Privacy Policy. Click Preferences to customize your cookie settings.
Accept
Reject
Preferences
Log in to ask a question
Get hands-on experience with 20+ free Google Cloud products and $300 in free credit for new customers.
Log in to ask a question

How to give padding and margin values for cross browsers and it should be responsive?

Posted on 12-15-2015 04:55 PM
Not applicable
Reply posted on --/--/---- --:-- AM

Hi All,

I designed developer portal in chrome, and its working fine with responsive design, but when i open it in Firefox and IE the padding and margins are not accurate and the position of the text box and buttons are getting displaced and the responsive design is not good. I tried to fix some issues and it works. But the padding and margin issues still remain, if I adjust according to firefox, then it affects in chrome. How do we write a cross browser css to resolve this issue. Attaching the screen shot, when viewed with chrome and firefox.

This display in firefox:

1666-screen-shot-2015-12-15-at-45226-pm.png

The display in chrome:

1667-screen-shot-2015-12-15-at-45401-pm.png

I want the display to be similar as in chrome.

Please give me some suggestions.

Thanks & Regards,

Saranya

0 1 382
Topic Labels
0 Likes
1 REPLY 1
Top Solution Authors
View all