Re: Getting IE6 to recalculate absolute position after BlindDown - CSS-Tricks

May 20, 2009 at 7:57 am #57830

Member

I couldn’t absolute position to the body because I need it to stay relative to the content, not the whole body. And I’m reluctant to start moving things around in the markup because it works perfectly everywhere but IE6. I posted here in the JS forum because I thought it might be a known issue with IE6, JS transitions and absolute positioning. I’m using prototype and scriptaculous, by the way.

Sorry, can’t provide a link. It’s for a client project.

But here is the code. The markup is really simple, and I’m only posting the stuff that matters:

Code:

 This is the div that contains the corner image that isn’t moving. 

        This is the stuff that expands.

and here is the relevant CSS (by the way – for those that don’t know the underscore before the property targets IE6 the asterisk targets IE7):

Code:

#wrapper {

	background-color: #fff;

	padding: 20px 67px;

	width: 721px;

	margin: 0 auto 50px;

	position: relative;

}
#bottomLeft {

	background: url(../images/corner.jpg) no-repeat;

	width: 98px;

	height: 101px;

	text-indent: -9999px;

	position: absolute;

	bottom: 0;

	*bottom: -1px;

	left: -50px;

}
#contentCol {

	width: 541px;

	_width: 505px;

	margin: 9px 0px 12px;

	padding: 0;

	float: right;

	display: inline;

	border-left: 1px solid #fff;

	position: relative;

}
#innerContentCol {

	margin: 30px 50px 35px 50px;

	_margin: 30px 30px 35px 30px;

	line-height: 25px;

	font-size: 14px;

	min-height: 250px;

	_height: expression(this.scrollHeight < 251? "250px" : "auto"); /* hack for ie6 to get min-height*/
}

Still messing around with this… and still annoyed about it. I think I die a little inside each time I have to waste time getting something working for IE6.