java script doesn't work since css

Weedy Lady · #1 (**permalink**) 10-22-2005, 09:25 PM

I'm (page by page) implementing css on my site. This requires using a doctype heading on each page in order to validate the code.

This is an e cards site and needs special effects on a lot of the pages. I do not know how to use flash, so please help me with my problem without telling me to change everything over to flash.

I use a moveobject script on a lot of pages, and with the latest updates including doctype header the script no longer works right.

It always bounced the moving object around on only the visible part of the screen -- if you scrolled down the moving objects always stayed in the visible part of the screen.

NOW the moving objects float off of the screen. This ruins the effect that I want. I am wondering if it is something in the <DIV> specification that is making this change because of clashing with the new doctype header.

The pages without a doctype header do not have this problem. Here is a page that has the problem:
http://www.happydaycards.com/birthda...hydrangea.html ...Note that the flowers move, but that they move off of the visible part of the screen

Here is one I haven't changed yet, that works properly: http://www.happydaycards.com/frndshp...iendbless.html ...note that the flowers move ONLY within the visible part of the screen whether you scroll down or up.

I would really appreciate it if someone could tell me what I need to change to make the moveobject script work with the doctype I am using.

I do not understand most of this technical coding stuff and need specific directions on exactly what line(s) to change and how to do that.

Thanks --

ADAM Web Design · #2 (**permalink**) 10-25-2005, 11:47 AM

They seem to be okay to me. They all stay on the visible part of the screen.

Does it happen with a specific browser/screen resolution?

Weedy Lady · #3 (**permalink**) 10-25-2005, 12:06 PM

Thanks for checking. Since I had this problem on about 50 pages and found that when I removed the doctype line it worked again, and since no one had answered my problem after several days, I took the doctype line off of all those pages.

They work fine now.

The problem was in both IE6 and Firefox, both on this computer at 800x600 and on my laptop with a higher resolution, so there is some kind of incompatibility between the doctype and the java script coding.

The doctype I was using is:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> which validates with the coding on my main pages and with the coding I've done using more css on some of the other pages -- but which won't let that particular java script work properly.

Since my site ran just fine without a doctype line for several years until I decided to do the validation thing, I'm not sure that I need to worry about it. However, if you know why this doctype is causing a problem with this particular script and would share that information with me it would be greatly appreciated.