Page only working in one of multiple browsers.

Fractur65 · 01-11-2010, 03:37 AM

Wasn't quite sure if this should go in the HTML/CSS or Javascript forum since its bit of both. Having a hair more trouble with the JS/jQuery half of it so I chose this one, hopefully its fine. I made a quick, simple page to play around with some Javascript and jQuery and after getting a small amount of it done I went to test it on other browsers. On one of them there was the display changes in the page that I expected, the others.. I have no clue what to do to fix them. Out of IE, Avant, Opera, Chrome, and FF, Avant is the only one that the jQuery is working in. The

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

section, I know, keeps the layout looking right in both Avant and IE, and with it FF and Chrome it turns to a bunch of lines. Without it Opera looks fine, but FF and Chrome don't work either way. Either way the jQuery only works for me in avant. What little I did write is pretty basic, hardly varries from the tutorials.

So if anyone could tell/help me figure out what needs to be done to get it working in the other browsers that would be great. Gonna put the txt file with the code in an attachment so this doesn't get too long.

Spudhead · 01-11-2010, 10:13 AM

I think the first thing you need to do is tidy up your HTML so that it at least validates. Once you've got a properly valid DOM, you can start writing JS to act on it.

Fractur65 · 01-11-2010, 07:50 PM

Hmm okay. Nice to know about that link now. Looks like I need to do some more reading in different places. Tutorials I found or a bit worse of then I thought. Thanks..