HTML and CSS different between Chrome and Firefox

Question

I have the following HTML

<tr> <td align="left"> <span wicket:id="valuenotifier"> <label name="currentValue" id="currentValue" wicket:id="currentValue" />% </span> </td> </tr>

and CSS

#currentValue { font-size: 45px; font-family:"Times New Roman", Times, serif; font-style: normal; line-height:inherit; }

What's driving me nuts is that they layout in slightly different way between Firefox and Chrome. In Chrome they are where I put them. In Firefox, the table pushed the table above and below up and down (respectively) by a few pixels. Driving me nuts. Anyone got an idea how to stop it? (Can't tell you about IE for reasons I won't bore you with.)

Reset the CSS, something like this. Browsers have different base CSS, so overwrite the base, and write all your own. Your CSS will not change from browser to browser. — C1pher
– C1pher, Commented Mar 19, 2014 at 18:14
necolas.github.io/normalize.css "Makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing." — JohanVdR
– JohanVdR, Commented Mar 19, 2014 at 18:19
Thanks - that didn't work when I dumped the whole thing in there. I might have to go through the elements one by one till I find the right one — user3398870
– user3398870, Commented Mar 19, 2014 at 21:59

Rohit Kaushik · Accepted Answer · 2019-12-03 10:09:32Z

2

do

-moz-margin:0px; -webkit-margin:0px;

in your Css

edited Dec 3, 2019 at 10:09

answered Mar 3, 2015 at 6:16

Rohit Kaushik

1,30212 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

HTML and CSS different between Chrome and Firefox

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related