Help me cross-browser test...

[DecemberGuild]

I just made a template that I'll be using for a few pages, but I'm not sure if it looks the same on all browsers..
If you're willing to help, just let me know if the template site looks different than the image, and let me know your browser and operating system. Also, specify what's wrong, such as no gradient, broken tables, etc.
Thanks in advance.

Template: http://www.december.x10hosting.com/template/index.php

Image: http://www.december.x10hosting.com/t...e/template.png

Edit: If you want to use the template, just save the index.php's source code, and [this CSS file] and [this javascript file].
You don't have to keep the copyright line there, but don't claim ownership of the design and layout.

[Spartan Erik]

I can already tell you that it's messing up in Firefox: (click image to get full res)

[DecemberGuild]

Ouch, that's bad.

Why can't there be a true HTML/CSS standard?

[noerrorsfound]

Firefox 2.0.0.1 (Windows XP)


Opera 9.10 (Windows XP)


PS: Ignore the really ugly background gradient. I have Windows XP set to use 16bit color instead of 32bit, although 16bit is the default for some reason.

(I just set my color back to 32bit like I had it. I had it on 16bit for performance reasons but it doesn't seem to make any difference judging by RAM usage.)

[DecemberGuild]

Well, it's clear that the problems IE, like I hadn't guessed that in the beginning.
Thanks guys. I'll be re-writing the code, or making an FF/Opera version.

[Xenon Design]

Why use JS to create the gradients? PHP can do it better, using the GD class...i think. I think the JS is the problem here because its not 'repeat-x' the background. The PHP GD class is here http://php.net/image

Go through that and do some googling on 'PHP Image gradient generator' and see what comes up in the way of tuts.

EDIT:
Well PHP doesnt have a gradient function but why not use normal gradients that u make in Photoshop or whatever? Or is there a reason to the JS?

Actually heres a good PHP gradient generator for you...just look at the examples and download the code
http://frenchfragfactory.net/ozh/my-...gradient-fill/

[DecemberGuild]

Why use JS to create the gradients? PHP can do it better, using the GD class...i think. I think the JS is the problem here because its not 'repeat-x' the background. The PHP GD class is here http://php.net/image

Go through that and do some googling on 'PHP Image gradient generator' and see what comes up in the way of tuts.

The JS doesn't need to do a 'repeat-x' background because it's not making an image. All it's doing is setting a color.
Besides, based on the image, I can tell that the JS is working fine. It's my layout that's messed up..


I fixed up the code. If anyone can go back and test it again, it would be appreciated.
Thanks.

Edit: I'll look into the PHP thing too, incase I need to. Thanks.

[Xenon Design]

Heres a shot of my Mozilla outlining all the block elements (DIVs) on your page. It may help you debug your problem because it looks messy at the top :s

[DecemberGuild]

Heres a shot of my Mozilla outlining all the block elements (DIVs) on your page. It may help you debug your problem because it looks messy at the top :s

I see the problem, thanks.
It's the script. In MSIE, the script uses MSIE's gradient filter. In non-MSIE browsers, it uses multiple DIV/Span elements and copies the contents of the ones I made to a new element. It's messing up the layout bad.

Does anyone know of a way to do gradient without images? It's hard to explain, but something that would allow me to make a gradient without the use of images at all would be best.

[Xenon Design]

Just use images? It would be quicker than a 1000 divs loading. Is there a reason for not wanting to use images?