Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Firefox ignores CSS rules I have set

firefuxmysite
firefuxmysite
more options

So, if you look at my site:

http://leaveyourdailyhell.com

In, say, Chrome and Firefox, you will see vastly different things. In Chrome, it looks as I intended; namely, the strip of WordPress custom-loop posts on the front page and at the top of every "single post" has properly-sized, left-floated thumbnails. In other words, it obeys the CSS rules I have set. (And CSS copy I have, for the record, W3C validated -- it came back perfect.)

In Firefox, however, both of these DIVs ignore the CSS rules I set. No floats; images are their original sizes and, on the single page, where the strip of posts is supposed to have a custom background, it is nowhere to be found. It doesn't even obey simple rules, such as ascribing a custom color to the links. When I right click to inspect the elements, the CSS rules are nowhere to be found!

So, if you look at my site: http://leaveyourdailyhell.com In, say, Chrome and Firefox, you will see vastly different things. In Chrome, it looks as I intended; namely, the strip of WordPress custom-loop posts on the front page and at the top of every "single post" has properly-sized, left-floated thumbnails. In other words, it obeys the CSS rules I have set. (And CSS copy I have, for the record, W3C validated -- it came back perfect.) In Firefox, however, both of these DIVs ignore the CSS rules I set. No floats; images are their original sizes and, on the single page, where the strip of posts is supposed to have a custom background, it is nowhere to be found. It doesn't even obey simple rules, such as ascribing a custom color to the links. When I right click to inspect the elements, the CSS rules are nowhere to be found!

Chosen solution

(And CSS copy I have, for the record, W3C validated -- it came back perfect.)

The validator is showing 30 markup errors, 50 CSS3 errors and 231 CSS3 warnings. The experimental unified validator returns 1763 CSS3 warnings.

Read this answer in context 👍 0

All Replies (3)

Gingerbread Man
Gingerbread Man
more options

Chosen Solution

(And CSS copy I have, for the record, W3C validated -- it came back perfect.)

The validator is showing 30 markup errors, 50 CSS3 errors and 231 CSS3 warnings. The experimental unified validator returns 1763 CSS3 warnings.

Modified by Gingerbread Man

firefuxmysite
firefuxmysite Question owner
more options

Right, but none of those errors pertain to the portions of my site that are displaying incorrectly. (And, if you look, the vast majority of them pertain to bullshit about CSS2 compatibility).

Gingerbread Man
Gingerbread Man
more options

It looks like you've marked my previous post as the solution. Based on your reply afterwards, I take it that was done in error. If you've figured out what the problem is on your own, others might appreciate it if you shared the solution.

Can you post a screenshot comparing what you see with what you're expecting to see? This is what your site looks like to me, in the latest version of Firefox. I see nothing wrong with it at first glance.

Your site relies on third-party content from www.hellobar.com, ajax.googleapis.com, fonts.googleapis.com, and possibly others. It will look wrong if Javascript is disabled, or the third-party content is blocked in an extension like Adblock Plus or NoScript.