471,617 Members | 1,118 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,617 software developers and data experts.

CSS issue with IE6, works with IE7/Firefox

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
Sep 2 '07 #1
2 1357
phvfl
173 Expert 100+
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?
Sep 3 '07 #2
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?
Sep 4 '07 #3

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

6 posts views Thread by michaelzap | last post: by
3 posts views Thread by Olivier Verdin | last post: by
4 posts views Thread by cjaserver | last post: by
14 posts views Thread by earl.robb | last post: by
3 posts views Thread by CAG | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.