I have a page, that loads OK in Safari (except mind width doesn't work).

In Firefox, I get all the elements just loaded on top. Firefox doesn't read a single CSS line.

It's NOT that I turned off CSS in Firefox. All other pages display well.

Only the title page.

HTML and CSS validation is with zero mistakes.

But still, Firefox displays just the html. I checked the link to the style sheet. It's OK, and Safari can read it. Firefox can read the two other pages without trouble.

I'm torturing my mind, but I can't see any mistake here.

I found the mistake.

This following thingy:

html {
background: rgb(255,255,255);

...blows up everything in Firefox. As if the style sheet wasn't there.

I have seen that html instruction somewhere and used it, too.

Well, baaaad mistake.

Safari doesn't mind, but Firefox kicks your behind.

The reason why it's written as an instruction to html: tried to instruct the wrapper div to display this background color. Didn't work. Wrapper div doesn't accept any background if it's just a wrap, but has no own content.

Weird, I've never heard of something like this before. Is there some link we could take a look at?

EDIT: Just saw your post. Glad you solved it! I was guessing it was the cause of some obvious mistake. Seems to happen a lot in web design.

Looks to me as if you're missing the closing bracket - which IS an error and Firefox WILL throw a hissy fit over - unless you just forgot to put it in the code you posted and it IS in your CSS

Wrapper div doesn't accept any background if it's just a wrap, but has no own content.

Sure it does, but if there's nothing IN #wrapper, Firefox CORRECTLY just collapse's the div - therefore it APPEARS that the background image isn't there. On the other hand, if there IS something inside #wrapper, and there are floats, that would tell me that you've failed to CLEAR your floats, and Firefox once again will collapse the div - which is not a bug.

Originally Posted by stevej

Glad you solved it! I was guessing it was the cause of some obvious mistake. Seems to happen a lot in web design.

At the moment, I'm like a jungle animal, swinging from one mistake to the next.

It's a bit like a chess game.

That problem, where no browser accepted the background color and, instead of drawing a box around all content, just put a line on top?

No errors in validation, until I found a missing closing tag for the iframe element. Put it in - and there was light.

That's so fascinating how such an error could slip past validation.

Originally Posted by LadynRed

Looks to me as if you're missing the closing bracket - which IS an error and Firefox WILL throw a hissy fit over - unless you just forgot to put it in the code you posted and it IS in your CSS

Sure it does, but if there's nothing IN #wrapper, Firefox CORRECTLY just collapse's the div - therefore it APPEARS that the background image isn't there. On the other hand, if there IS something inside #wrapper, and there are floats, that would tell me that you've failed to CLEAR your floats, and Firefox once again will collapse the div - which is not a bug.

That was the missing closing tag for the iFrame element.

It practically erased anything I'd put into the wrap div.

That's because w/o the closing bracket, it just acted as if every single one of your rules after that was all included in the unclosed section - which obviously won't work.

I'm really surprised the validator didn't pick up on that !