IE6 has my number today

Im having a bit of a problem in IE6, and wonder if anyone has ever seen anything like it.

Basically, my site looks exactly in all browsers (except IE6). And the thing in IE6 isn't a problem of a padding gone amiss or something, but the whole site doesn't want to scroll beyond the window size. I have no clue why. Has anyone ever seen that before?

Regards,
Nick

 

Aw, c'mon. You've been around long enough to know we need to see the page.

cheers,

gary

 

Yes, Its better if you can show the page.

 

Lol.

I feel stupid. I thought i've posted the link.

Sorry, here it is; http://www.ndesignz.net/blog/

Thanks,
Nick

 

You could try adding this at the end of your page, just before your </body> tag...

<div style="clear:both;"> </div>

Code (markup):

 

* {
	margin: 0;
	padding: 0;
	[COLOR="RED"]position:relative; <--- Causing it[/COLOR]
}

Code (markup):

removing position:relative; will ruin your layout so add position: static to body in your css instead

body {
	font:normal .75em/1.25em Tahoma, Arial, Helvetica, sans-serif;
	background:#FFF url(images/bg.jpg) repeat-x;
	[COLOR="GREEN"]position: static;[/COLOR]
	}

Code (markup):

That should fix it

 

Have you considered upgrading to IE7?

 

This doesn't work, and i would never clear using a div. My footer already clears all floats, so it should be working.

Edit: Hmm. And I thought when I tested without it, it worked fine. . I was actually testing on my server instead of looking at my local host. Adding static doesn't fix it, but removing position:relative; completely does.

Thank You,
Nick

 

No I haven't considered downgrading from FF and Opera to IE7. But if you ask the other 60%+ of the population if they have considered switching from IE6 to IE7 (or a better browser), I will be very greatful to you.

Regards,
Nick

 

@Nick: You probably knew, but let it slip your mind that you must be very careful using the position property in IE. IE has a broken position model (at least partially tied to hasLayout). Many bugs are fixed by adding {position: relative;} to an element, but just as many other bugs are introduced. Always require compelling reason before using the property.

@rsrikanth05: It's not a matter of the developer's choice of browser; it's a matter of which browser does the visitor choose to use.

cheers,

gary