Why is the site in FireFox displayed incorrectly? Chronium and Presto browsers display the page as needed.
block
Link to the site itself
In FireFox, in the sections "Undergraduate / Undergraduate", "Master", "PhD" content inside the green blocks are chewed.

  • different browsers have their original stylesheet, you have fixed-size green backs, and in Fox, the elements are higher, so they do not interfere. - Jean-Claude
  • one
    Because it's time to stop registering the fixed dimensions of the elements. - Qwertiy ♦

3 answers 3

I don’t think that the problem is in line-height, in different browsers the font is rendered differently, and in FF the text is transferred to a new line, and since the parent block has a static height, the text hides down. For FF you need to register

 letter-spacing: -0.01em;

but still I advise you to remove the static height from the parent.

  • Yes, that helped. The text everywhere became visible. But still there are small shoals with long blocks. One of these days I will be engaged in alteration of a site, I will remove static height everywhere. - Eugene_21

Complete the line height and will be displayed the same way:

 .data ul li, .data1 ul li { line-height: 18px; }
  • Registered. The lists have become the same height, but the blocks are still chewed. I checked the positioning indents, everything seems to be correct. Then he began to measure with a ruler and saw that almost all the sides diverged in height. Campaign need to prescribe a fixed height for all elements. Look at the picture here - i.imgur.com/li4HOI0.jpg - Eugene_21

Try writing styles specifically for FireFox:

  @-moz-document url-prefix(){ .class {стили для класса} #id {стили для id} }