By carusen on

Hi,

We are working on a theme for Drupal and we are very much beginners at this. One problem we have with the latest version of the theme, is that Firefox (all newer versions - 6,7,8) seems to ignore blank lines, while all other desktop browsers do not. The problem is also shared by mobile Webkit based browsers, like the ones used on iPhones and Android phones.

What do I mean by that? We have a paragraph of text, then we place press Enter to go to a new line and Enter again, so that the new paragraph of text stats after an empty line. Firefox ignores the empty line between the two paragraphs of text, and shows the second paragraph on a new line after the first.

You can see a screenshot describing the problem (comparison with IE9), and the latest version of our style.css file here: https://www.dropbox.com/s/jn5a6ngei9jpeg3

What mistake are we making in the style.css file, that makes Firefox and other Webkit mobile browsers ignore those empty lines?

Appreciate any help and guidance you can give.

⋅ Categories: Drupal 7.x

Comments

choosewisely’s picture

choosewisely commented

What theme are you using?

Have you used a CSS reset stylesheet? This would help reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on.

Eric Meyer has a good one here.