Home › Forums › JavaScript › Getting IE6 to recalculate absolute position after BlindDown › Re: Getting IE6 to recalculate absolute position after BlindDown
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:
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):
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.