CODEWITHSUNDEEP
htmlcssfirefox
daniel
daniel

Reputation: 9835

Headings sizes h1 h2 h3 in Firefox

I have a problem with headings in Firefox.

Website is at http://toto-bongo.heroku.com/blog

Firefox Screenshot
enter image description here

Chrome Screenshot
enter image description here

What can I do to fix this?

Upvotes: 0

Views: 553

Answers (3)

Wex
Wex

Reputation: 15695

Your problem will be fixed if you simply define the sizes of the elements in your CSS. If you're worried about the size of all of your elements, your best bet is to use a reset stylesheet, which will really help you if you're worried about cross-browser compatibility. Using a reset stylesheet forces you to define specific atributes to each tag that you use, thus eliminating any ambiguity between browsers.

Upvotes: 2

Ben Blank
Ben Blank

Reputation: 56572

This could be caused by custom styles in your userContent.css file. This file is in your Firefox profile folder, in the chrome directory.

Upvotes: 1

Jonathan Wood
Jonathan Wood

Reputation: 67193

In my experience, the most likely cause of this is mismatched open and close tags, which the browsers interpret differently. Unless, of course, you are specifying styles for these tags.

Since there's no link we can look at, it seems unlikely you'll get a definitive answer here. But I would be surprised if FireFox really shows <H1> tags that small out of the box.

Upvotes: 1

Related Questions