New design, hate Internet Explorer

[mrzeve]

Hey guys.

Take a look at my new site design

http://www.staylazy.net/new/index.php

Trying to start using divs (except for inside where you can see there is a table) and its looking great, in browsers like Firefox and Safari.

But that cursed Internet Explorer is giving me a lot of problems.

Anyone care to take alook at the code and tell me what would cause the difference?

[ChicoWeb]

First thing you should do is start with a doctype. That will probably alleviate a lot of your issues.

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.staylazy.net%2Fnew%2Findex.php

[angelwatt]

Your code is incomplete. There's no </body></html>. It just ends with a div element. Run a validator (http://validator.w3.org/) on the page after adding a DOCTYPE and it'll show you various things that are wrong with your code.

[Photomax]

Also...

* Read up on the IE6 bugs. Most of them are well documented. The double margin float bug is the most puzzling but it easy to work around.

* Watch out for user text size increases. Just going up one size explodes your navigation. Why do have red for a background color for the nav? You also don't need to have the graphic uses a background image for the navigation bar and the links.

* Don't mix upper and lower case for elements. Your "body" has both.

* You have a one solid graphic chunk for the content area: the "blackcontent." What happens if you want very little content or long content? Long content will drop below that graphic. Using a large content graphic is also a bandwidth hog. A better solution would be to use a narrow sliver of a graphic and tile it along the x or y axis with CSS. This way the graphic will expand or contract with the amount of content.