jQuery script not functioning on IE.

[chickenx]

Hi Guys,

I've been pouring over my coding for the past 24 hours trying to figure what's wrong and I still can't put my finger on it.

I'm applying this script described here

http://nettuts.com/javascript-ajax/create-a-tabbed-interface-using-jquery/#more-314

and heres my test layout, http://www.twonnyc.com/index4

It works fine on FireFox Mozilla & Safari.

I apologize for the unorganized coding in advance, I know it's looks like a mess.

I have a feeling it has something to do with one of the three ".JS" files but they're identical copies from the tutorial.

[jscheuer1]

Nope, it's your styles and probably your markup as well. If I substitute the tutorial's demo's stylesheet for yours, the script at least works in IE. However, the layout then looks bad in both IE and FF.

Try validating your styles and markup.

[chickenx]

hey jscheuer,

thanks for the help! I've been agonizingly validating my markup and i fixed my .css

the problem was a rouge
'
what a headache!

thanks for the help,

by the way, is there a way for me to align the navigation tab images to the left,
when i throw a
align="left" it distorts the rest of the page

[jscheuer1]

Well, in FF they are already on the left. But in Opera and IE they are centered. If you were to add this style:


.tabnav {
text-align:left;
}

It should work out OK.

[Twey]

align="left" is invalid in modern DTDs. Make sure you're using HTML 4.01 Strict.