Site Is Broken In FireFox

[Darren884]

Can anyone tell me what may be the problem? My site is here: http://tinyurl.com/2gqt6s

It works perfect in explorer but not in firefox. The style sheet is located at the url that redirects to at /css/style.css

I can't seem to find the problem.

[Dan Schulz]

Uhm, no offense, but what's on the other side of that TinyURL link?

[Darren884]

My site I don't want this site indexed by google yet.

[Dan Schulz]

I hate to say it, but Firefox and Opera are rendering the site correctly. It would take me a few hours to re-write this, since the best thing to do would be to literally throw the code away and start over from scratch. And that's IF I had access to the PSD file.

Seriously, take the code you have now, and throw it away. Then start over from scratch, using floats and margins appropriately. I'm also going to show you a trick that you can use to make ONE image render not only rounded corners, but also expandable containers as well.

Eight Corners Under One Roof

[Darren884]

I will get to it tomorrow. I appreciate the honest feedback though. I will rewrite the code. Shouldn't take more than 1 hour. Thank you . If I wouldn't have known it was that bad I probably would have kept playing around with it and kept on getting frustrated. Whats bad is I bought this as a coded template so I am a little disappointed.

[Dan Schulz]

Well, another thing I'd do is try to recombine the images into a single graphic if you don't have the source files, then cut up the individual images you need and go from there. If you have large areas of a common color, don't use an image for it - instead look into using a background color via CSS to create the effect.

I always put the header first, followed by the menu, which is in turn followed by the content, sidebars and finally the footer. You can see a good example of this here:

http://www.dan-schulz.com/temp/3columnlayout/

As for the header being under the menu, there is a way around that without even changing the HTML.

http://www.dan-schulz.com/temp/header-under-menu-test.html

(Yes, I intentionally disabled the links.)

Perhaps these could give you some ideas as to how to re-code your page.

[Darren884]

Well I recoded it and it works fine now. Thanks.

[Dan Schulz]

Cool. Were the examples I provided helpful? (I'm planning on writing about how to make them.)

[Darren884]

I think to the novice user they would be. I just recoded this in the style that I normally use (which is usually always XHTML compliant and CSS compliant) so there were no problems.