Floating Layer in XHTML

[GundamSonicZeroX]

I went to this tutorial
and put in the code as they said, and to my surprise, it didn't work. It worked on their site, but not in my .htm file. I eventually found out that it was the <!DOCTYPE> tag that was keeping it from working. Now, I don't know any JS/DHTML, so I'm at the mercy of the AT Programming Forum. How can i get this script to work on my page. I've thought about the layout of my site for the longest time and I keep coming back to a floating layer.

Thanks in advance, GundamSonicZeroX

 

[troytime]

does changing the doctype create any other problems?

if it makes your layer work, change the doctype 🙂

 

[GundamSonicZeroX]

I'd prefer my site to be in XHTML though.

 

[esun]

There are many good reasons not to use XHTML at this point.

http://www.webdevout.net/articles/beware-of-xhtml

In particular,

Internet Explorer does not support XHTML. Like other web browsers, when a document is sent as text/html, it treats the document as if it was a poorly constructed HTML document. However, when the document is sent as application/xhtml+xml, Internet Explorer won't recognize it as a webpage; instead, it will simply present the user with a download dialog. This issue still exists in Internet Explorer 7.

I'd recommend using the HTML 4.0 doctype. You can still code as if you were using XHTML (e.g. <br />) without issues.

 

[ppdes]

Wow, that's a lot of code to do something that is trivial in CSS. In CSS you just use position: fixed (and one of several fixes for older MSIE like position absolute with the overflow moved). It isn't even escaped properly for XHTML (the < should be an entity or within a CDATA, for example).

 

[GundamSonicZeroX]

I found a new script made for XHTML. It can be found here

 

[GundamSonicZeroX]

Originally posted by: ppdes
Wow, that's a lot of code to do something that is trivial in CSS.

Yes, I realize that, but are you able to have the layer actually move when the user scrolls vs. the layer just being in a fixed position?