<cfsilence>

Update on cfTimeline Bug

Posted At : April 4, 2007 1:44 PM | Posted By : todd sharp
Related Categories: cfTimeline, ColdFusion

I've tracked down the culprit in the issue of incorporating my cfTimeline tag into Blog CFC. It appears that Ray's layout tag uses the following doctype declaration:

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

Which causes the timeline to not render. If I remove it the timeline renders fine. Unfortunately removing it also seems to make the CSS get all goofy too.

So I'm showing my ignorance here. Other then validation what does a doctype declaration do?

Comments (16) |

Print |

Send |

Code |

del.icio.us |

Linking Blogs | 2024 Views

Related Blog Entries

cfTimeline Released (April 20, 2007)

Comments

[Add Comment]

This is a great read on DOCTYPE:

http://alistapart.com/stories/doctype/

In a nutshell the DOCTYPE tells your browser how to render the content of the page.

# Posted By Jim Priest | 4/4/07 2:02 PM

So why would that interfere the rendering of my timeline?

# Posted By todd sharp | 4/4/07 2:25 PM

I have no idea :)

But I'd try to switch it from strict to transitional and see if its worse or better.

It's weird but the samples on the SIMILE page don't use DOCTYPE at all - nor do any of the other examples I could turn up...

# Posted By Jim Priest | 4/4/07 2:43 PM

What tags are used by the rendered timeline? XHTML strict reduces what is valid and can money with others.

# Posted By Rob Wilkerson | 4/4/07 2:45 PM

Transitional/Loose...nothing works. :(

# Posted By todd sharp | 4/4/07 2:54 PM

What does the rendered timeline look like? Can you post some code? It may not be XHTML compliant. Try a basic HTML doctype.

# Posted By Rob Wilkerson | 4/4/07 2:57 PM

Rob:

Check this: http://cfsilence.com/blog/client/cfTimeline/test.c...

Just JavaScript and a div.

# Posted By todd sharp | 4/4/07 3:07 PM

Here's a version that doesn't render: http://cfsilence.com/blog/client/cfTimeline/testba...

# Posted By todd sharp | 4/4/07 3:11 PM

Todd:
What looks like just a single div actually gets rendered to a lot more...
The javascript creates a lot more divs...
you can see the real result of that sample here: http://auenson.com/random/test.cfm.txt
I don't know why buy my webserver actually tries to display that as html instead of serving it as a file... anyway, you can see that it is actually a LOT of divs... not sure what exactly is causing the rendering issue, though.

# Posted By Ken Auenson | 4/4/07 3:18 PM

Todd,

The DOCTYPE is not required by BlogCFC. I just redownloaded the source files and Ray is using <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">. Did you change it as part of your new design?

# Posted By Steve | 4/4/07 4:12 PM

DOCTYPE can switch browsers in and out of "quirks" mode which changes rendering behavior in various ways.

# Posted By Sean Corfield | 4/5/07 1:32 AM

Is the timeline js creating another set of head and body tags? I ask because the working test you posted doesn't show a head or body tag set when you view source. But, if you use the FF web developer extension and select "view generated source" there are head and body tag sets.

# Posted By Bryan | 4/5/07 12:41 PM

Sorry I didn't get back to you guys last week - was sick as hell :(

So here's an update - i tweaked the test page a bit and it validates as xthml strict 1.0 - but - it looks like shit still.

http://cfsilence.com/blog/client/cfTimeline/test.c...

So if it's valid, why won't the damn thing render properly!!! argggg!

PS - removing the doctype declaration still does make it render properly. But I simply can't tell users of the tag not to use a doctype declaration! :(

# Posted By todd sharp | 4/9/07 3:49 PM

Oh yeah - Steve - I pasted the wrong DOCTYPE above - my blog is Transitional/Loose. I was also testing this in Litehouse Pro so thats what i must have used in my posting above.

# Posted By todd sharp | 4/9/07 3:51 PM

Is there any support from the developer? Every example I found of this timeline on the web doesn't use a doctype... very odd.

Jim

# Posted By Jim Priest | 4/9/07 6:23 PM

Thats my next step Jim. I find it odd too - especially since it was developed at/by MIT.

# Posted By todd sharp | 4/9/07 10:00 PM

[Add Comment]