CSS issue with IE6, works with IE7/Firefox

[stopdeaddesign]

hello,

i've just finished working on my site with a friend of mine who's been helping with the css coding, we've been testing it in IE7 & Firefox throughout development but after finally getting it online today i noticed that the page is butchered in IE6. The page length is enormously long (top to bottom) and depending on what images are being viewed they appear to open at random lengths down the page. I've noticed also that the page length in IE7/Firefox is equally as long but all of the content is aligned the way it should be.

I've tried combing through the code to see if anything popped out at me but i can't find anything, so i figured i'd let someone else give it a try before i go out of my mind.

rather than post the entire code its probably easier to link to the page and let people View the source code since its a lengthy index page. stopdeaddesign.com

any advice is huuugely appreciated, thanks!

-chris

[phvfl]

Hi Chris,

One of the first things to do is to validate your HTML, you have declared this as strict XHTML in the DOCTYPE but use capital letters in tag names and iframes, which are not valid in strict XHTML. The results for HTML validation can be seen
here.

There are also some CSS errors, although most of these are due to using non-standard rules such as -moz-opacity. The results for the CSS check are here

I would correct the errors first, but I suspect that the IE6 box model is causing an overlap of the rightcolumn div and one of the ones on the left hand side which is causing the div to drop below.

As a side point why is the body defined as being 2000px in height instead of auto?

[stopdeaddesign]

hello!

thanks very much for your reply, i've gone through the validation and have cleaned up my code as best i can. as for the body being defined at 2000px i'm not sure, i corrected that .. though that didnt turn out to be the height problem.

most everything is corrected now though, i have little ways to go but i really appreciate your help. thanks!

-chris

Hi Chris,

One of the first things to do is to validate your HTML, you have declared this as strict XHTML in the DOCTYPE but use capital letters in tag names and iframes, which are not valid in strict XHTML. The results for HTML validation can be seen
here.

There are also some CSS errors, although most of these are due to using non-standard rules such as -moz-opacity. The results for the CSS check are here

I would correct the errors first, but I suspect that the IE6 box model is causing an overlap of the rightcolumn div and one of the ones on the left hand side which is causing the div to drop below.

As a side point why is the body defined as being 2000px in height instead of auto?