<!DOCTYPE> tag breaking CSS rendering??

**Milamber** · Nov 21, 2003 21:36

I have a page here:

http://63.247.86.169/all.html

that in IE looks ok. (aside from the centering bug in IE css.) but in mozilla firebird v7 (gecko engine) the page totally dies. As in, the style sheet is only half applied. It's incredibly frustrating.

I tracked it down to this:

Code:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

If i take that line out, it works fine in firebird, and if i leave it in, it's FUBAR.
But I shouldn't take it out because then it isn't valid XHTML code.

This is driving me nuts! I just can't figure it out at all.

Any help? Thanks!

**John Colby** · Nov 22, 2003 03:59

Works fine for me in Firebird 0.7 on Windows. Which platform are you using?

**Milamber** · Nov 22, 2003 04:30

if you just tried it, i took out the doc type tag so that it works right.

For example then, check out these:

http://63.247.86.169/

http://63.247.86.169/phooy.html

Also, try the "elaborate" css scheme on both those pages and see what happens....that one gets really messed up.

Same document, little doctype change. It's going bonkers for me. ( and the about string for my version of firebird is "Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.5) Gecko/20031007 Firebird/0.7")

**blufive** · Nov 22, 2003 12:04

The doctype is flicking mozilla/firebird into standards compliant rendering mode - without it, it's using "quirks" mode. (see http://www.mozilla.org/docs/web-developer/quirks/)

From simple_style.css (my comments added, lots of code trimmed):

Code:

#pageBody {
    width: 650;    <-- 650 what?
  }
  .journal .h {
    padding: 20 0 0 0px;  <-- 20 what?
 }

Elaborate_style has loads of these. With the value 0 (zero) you can get away without a unit, since zero pixels is the same as zero points, zero inches or even zero miles (though I doubt there's a browser anywhere that will accept that unit)

In standards compliant mode, mozilla is being really strict, and ignoring style rules with bad syntax - such as lengths with no unit specified.

Get those units fixed, and then let's see what it looks like...

**Milamber** · Nov 22, 2003 13:58

Thank you!

That makes great sense. I guess that's just not entirely clear.

Muchas gracias senor!

User Tag List

Thread: <!DOCTYPE> tag breaking CSS rendering??

Thread Tools

Display

<!DOCTYPE> tag breaking CSS rendering??

Bookmarks

Bookmarks

Posting Permissions