I’ve recently redone my website and I added a Jquery Carousel, I’ve tested it in various browsers on various platforms. It doesn’t seem to work with older versions of Firefox and NO versions of IE. If anyone can help, that would be greatly appreciated? My site is www.cizastudios.com
A good start would be to run the site through the W3C validator.
To begin with, there are malformed comments, which will prevent the entire navigation from rendering in some browsers. e.g.
<!-------------------------- Navigation ------------------------->
Too many dashes. A comment should take this form:
<!-- comment -->
There’s seldom a need to pad out comments. If you code tidily and use a good editor with syntax highlighting they’ll be easy to identify.
See how you get on fixing the other validation errors.
Another major problem with the design is the combination of fixed height and absolute positioning with variable height content. Increase text size one step and you’ll see why.
You need to work on your CSS as well as your HTML.
I’ve looked at your site in Chrome, Safari, Firefox, IE6, IE7 and IE8 and only Chrome and Safari appear to render your site correctly.
The carousel appears to work fine in IE6.
It appears that some of your subpages; http://www.cizastudios.com/web.htm don’t render any content in firefox.
Try separating your styling and markup completely and then rewrite your HTML, validate it then start on the CSS, it should solve most of your problems.
Cheers
Or view the page on a large font/120dpi system – the entire content area overlaps the footer.
Though that’s why fixing a header on the screen, fixed height content areas AND animated nonsense like jquery carousel (or even jquery in the first place) are not things I’d ever consider putting on a website in the first place… along with the annoying menu animations, undersized fixed metric fonts in the menu in an illegible color contrast, presentational images and endless span in the markup, presence of an iframe, blockquote around something that’s not a quote, nonsensical heading orders, and static CSS and scripting inlined in the markup with no media targets… and pretty much every element on the page being APO.
My advice would be to throw it out and start over.
I was going to say that but a bit more graphically lol