Home/ Questions/Q 1079117
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T21:49:22+00:00

I’m experiencing a strange CSS spacing issue in Chrome (but not in Firefox and/or

  • 0

I’m experiencing a strange CSS spacing issue in Chrome (but not in Firefox and/or IE)

My site is here.

The vertical spacing in Firefox between the “Real Estate Search” (H2 tag) and the form input field for “San Francisco, CA” (#city-field input tag) is perfect, but in Chrome, Chrome is applying more/extra vertical spacing than desired.

To help, I’ve attached a screenshot. The redline represent the extra spacing that Chrome is adding that Firefox/IE are not.

enter image description here

Any ideas why Chrome is apply more spacing than Firefox & IE.

And how to fix this issue.

Thanks in advance

UPDATE

I’m also using a “reset stylesheet” to standardize across all browsers the H2 spacing, etc. It can be found in my linked HTML document above yet still am experiencing this issue.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I’m thinking that the line-height is the culprit. Try setting the line height of the h2 to somewhere around 13 to 15 pixels. By default it is set to normal. According to W3C, line-height: normal “Tells user agents to set the used value to a “reasonable” value based on the font of the element.” Firefox and Chrome could be setting different “reasonable” values since they are built on entirely different rendering engines.

    • 0