Click to See Complete Forum and Search --> : [RESOLVED] Page is cut off in IE6


WhiteDragon
02-17-2009, 08:33 PM
Hello, I have a problem my web page gets cut off in IE6, everything else is fine only IE6

ROSEBLOOD
02-17-2009, 09:09 PM
A little more information would help. Like maybe a link to your page? Or the code? or possibly a longer explanation of your problem.

WhiteDragon
02-18-2009, 06:29 AM
www.thecreativesheep.ca/page_error/imagepage3b.html


You will notice that the page has not space on the left and at the bottom when you compare it when viewed in IE7\FF3 and I'd really like to know how to fix, I read somewhere that I should add:

margin: 0 auto;
width: xxxpx;

to the <WR> class and to the rest of the classes!

Victorinox
02-18-2009, 12:04 PM
Step 1: validate your code.

http://validator.w3.org/

Enter your URL in the Address field and click the Check button.

Step 2: Fix the validation errors. i.e. missing closing </div> tag. Depending on where this is supposed to be, your layout will render quite differently.

Are the image paths wrong by intention?

WhiteDragon
02-18-2009, 06:41 PM
Ignore those error, as I have another page with most of those errors corrected. My focus is to get the space back on the right hand side and the bottom of IE6. It was centering fine until as far as I can remember I added a <div> with style sheet of absolute positioning which threw it off, everything looks the way I want it in the rest of the browsers except IE6.

Victorinox
02-19-2009, 04:34 AM
Then please provide a link to the current page. We need to see what we're working with.

As I said before, the location of the missing </div> tag will affect the layout. The markup needs to be sound before you can expect CSS to work effectively.

If you don't know where it should go, say so.

And I'll ask again: are the images missing on purpose?

WhiteDragon
02-19-2009, 09:56 AM
I got the problem solved, padding on the HTML for IE6 did it.

Victorinox
02-19-2009, 10:51 AM
Please post a link to the fixed page. I'm interested to see your solution in action.

WhiteDragon
02-19-2009, 11:02 AM
*html body {padding 0px 0px 0px 0px;}
I have put in the values of 0 (zero) but you can enter in any values you need to fix. This is all because of a bug in IE6 as one should expect with IE6 it's a matter of knowing IE6 bugs very well.

Victorinox
02-19-2009, 11:25 AM
I would still like to see your fix working in your actual page, please.

Victorinox
02-19-2009, 04:12 PM
I'm also interested to know why you've chosen to make your content center only for 1280px width resolution displays.

For smaller resolutions the content ranges right and forces horizontal scrollbars, for larger it ranges left.