Path: csiph.com!x330-a1.tempe.blueboxinc.net!usenet.pasdenom.info!weretis.net!feeder4.news.weretis.net!newsfeed.straub-nv.de!feed.xsnews.nl!border-2.ams.xsnews.nl!npeer.de.kpn-eurorings.net!npeer-ng0.de.kpn-eurorings.net!newsfeed.arcor.de!newsspool1.arcor-online.net!news.arcor.de.POSTED!not-for-mail
Content-Type: text/plain; charset="UTF-8"
Message-ID: <1670422.REaiWTSaKX@PointedEars.de>
From: Thomas 'PointedEars' Lahn <PointedEars@web.de>
Reply-To: Thomas 'PointedEars' Lahn <cljs@PointedEars.de>
Organization: PointedEars Software (PES)
Date: Fri, 10 Feb 2012 13:35:32 +0100
User-Agent: KNode/4.4.11
Content-Transfer-Encoding: 8Bit
Subject: Re: DOCTYPE related question
Newsgroups: comp.lang.javascript
References: <4f3503f5$0$6915$e4fe514c@news2.news.xs4all.nl>
Followup-To: comp.lang.javascript
MIME-Version: 1.0
Lines: 49
NNTP-Posting-Date: 10 Feb 2012 13:35:37 CET
NNTP-Posting-Host: 8518ed30.newsspool3.arcor-online.net
X-Trace: DXC=NlGbVTO^oVElU`@c^jLCbJMcF=Q^Z^V3H4Fo<]lROoRA8kF<OcfhCOKGGYUYI]Zj9NDZm8W4\YJNLb@mF9jNikdEf0?Io3A`[lDU\6Z2_o;=mJ
X-Complaints-To: usenet-abuse@arcor.de
Xref: x330-a1.tempe.blueboxinc.net comp.lang.javascript:11557

Tom de Neef wrote:

> […]
> The production site has pages which start with
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><head <html
                                                            ^^^^^^^^^^^
> xmlns="http://www.w3.org/1999/xhtml">

Not Valid.  (Is it so hard to copy and paste your code?)

> Here, the chart is produced but all elements of the chart fall on each
> other with FF and Chrome (IE8 does fine).
> 
> The function inserts nodes in the DOM. These nodes are created using:
> function newNode(x,y,width,height) {
>   var node = document.createElement('div');
>   node.style.position='absolute';
>   node.style.left = xOffset+x;
>   node.style.top = yOffset+y;
>   node.style.width = width;
>   node.style.height = height;
>   return node;
> }
> 
> (xOffset and yOffset are global to the encapsulating function.)
> It appears that the positioning and size info will not be interpreted with
> this Transitional XHTML 1.0.

The relevance of this question to ECMAScript-based scripting is zero.  It is 
a *CSS* issue.  Read the CSS 2.1 Specification on the proper values for the 
`left' etc. properties.  Those are most certainly not (you have not posted 
the *call*).

> The page was successfully checked as valid XHTML.

Either the validator you use is borken or you have not copy-pasted the code.

> I hope this is enough info for an advice how to modify.

Probably it is where this is on-topic.


PointedEars
-- 
Prototype.js was written by people who don't know javascript for people
who don't know javascript. People who don't know javascript are not
the best source of advice on designing systems that use javascript.
  -- Richard Cornford, cljs, <f806at$ail$1$8300dec7@news.demon.co.uk>