Compatibility Problems- Help!

[rmagnes]

Hey guys, I am really new to CSS and I am having some problems with browser compatibility. The site is: http://www.wakaorphanage.org/style1.htm
The site is running java as well as a stylesheet and it seems only to open in Firefox. I am running on a deadline and I am getting pretty frustrated with troubleshooting. I know the problem is pretty simple but I can't put my finger on it. If anyone could take a look, I would really really appreciate it.

P.S. Feel free to give me constructive critiscism on my sloppy newbie CSS programming. Im not easily offended and I would love advice.

[boogyman]

that doesnt look too bad for being a "newbie" to web development. your page has some JavaScript elements, not Java. There is a big difference between the two, but for these purposes just know that they are not the same.

and as for your site not rendering outside of Firefox, it is because of your embedded stylesheet

</script>
<style type="text/css">
<!--

.style11 {font-size: 18px}
// -->

</style>

you didn't have and end to your starting comment tag so html left the rest of the page blank.

[rmagnes]

Wow, Than You. Amazing how a single tag can ruin your life.

[boogyman]

yah, they can be a royal Pain sometimes

depending on what type of comment you use you can get away with it sometimes though.. but you had a HTML comment tag, so thats why it ignored everything... I expected that Firefox / IE would have actually been switched in rendering ways, IE usually interprets your ending tag , while FF usually would have rendered the way that IE did :haha: oh well.

Glad I could help.

[Twey]

That's now invalid CSS... the double slash (//) is not a comment marker in CSS. You'd have to use /* and */.

There's really no need for those SGML comment markers any more. All browsers in serious use today either parse the stylesheet or ignore it, and the comment markers cause the stylesheet to be ignored in XHTML.