doctype breaks my script

[Bart]

I have a page with the following basic structure:

body
div .container
div .header
div #content

An event on the page triggers a function in the head that sets the
color and the width of the content div:

function setBox() {
document.getElementById("content").style.backgroun dColor = 'green';
document.getElementById('content').style.width = '250px';
}

This works when I use no doctype or a html transitional doctype.
When I use the html strict doctype the script sets the width but fails
to set the color. I spent way too much time searching and figuring out
what is wrong. Should this work or am I making a mistake? So I hope one
of you experienced programmer can help me along... Thanks,

--
Bart

[Mick White]

Bart wrote:

<snip>

An event on the page triggers a function in the head that sets the
color and the width of the content div:

function setBox() {
document.getElementById("content").style.backgroun dColor = 'green';
document.getElementById('content').style.width = '250px';
}

This works when I use no doctype or a html transitional doctype.

What is your dtd, and in which browser?

Mick

[Bart]

In article <04*********************@thuis.bla>, Bart <ba**@thuis.bla>
wrote:

I have a page with the following basic structure:

body
div .container
div .header
div #content

An event on the page triggers a function in the head that sets the
color and the width of the content div:

function setBox() {
document.getElementById("content").style.backgroun dColor = 'green';
document.getElementById('content').style.width = '250px';
}

This works when I use no doctype or a html transitional doctype.
When I use the html strict doctype the script sets the width but fails
to set the color. I spent way too much time searching and figuring out
what is wrong. Should this work or am I making a mistake? So I hope one
of you experienced programmer can help me along... Thanks,

Oops, forget it, I already found out what was wrong in my page. I
defined the colors as RGB hexadecimal triplets but forgot the hash
marks. Apparently that is accepted in transitional but not in strict...

--
Bart

[Lasse Reichstein Nielsen]

Bart <ba**@thuis.bla> writes:

Oops, forget it, I already found out what was wrong in my page. I
defined the colors as RGB hexadecimal triplets but forgot the hash
marks. Apparently that is accepted in transitional but not in strict...
It's accepted in quirks mode, but not in standards compliant mode
(because the standard mandates that invalid values are ignored, and
the # is required for it to be a valid value)

--
Bart

--
Lasse Reichstein Nielsen - lr*@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'

[Lasse Reichstein Nielsen]

Bart <ba**@thuis.bla> writes:

Oops, forget it, I already found out what was wrong in my page. I
defined the colors as RGB hexadecimal triplets but forgot the hash
marks. Apparently that is accepted in transitional but not in strict...

It's accepted in quirks mode, but not in standards compliant mode
(because the standard mandates that invalid values are ignored, and
the # is required for it to be a valid CSS value).

It has nothing to do with the version of *HTML*, but browsers are also
using the DOCTYPE declaration to change between stanards and quirks
mode. You can have HTML 4.01 Transitional with standards compliant
rendering.
<URL:http://msdn.microsoft.com/library/en-us/dnie60/html/cssenhancements.asp>

/L
--
Lasse Reichstein Nielsen - lr*@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'