Absolute positioned div jumps outside containing div in IE7
Posted
by user367232
on Stack Overflow
See other posts from Stack Overflow
or by user367232
Published on 2010-06-15T14:22:31Z
Indexed on
2010/06/15
14:32 UTC
Read the original article
Hit count: 374
Having trouble with a couple of display issues in IE7.
Firstly, my large text headers display too far up in Internet Explorer (all pages) Secondly, my descriptions on my Portfolio pages end up outside their containing divs.
Works great on FF/Chrome/Opera/Safari though! You'll see what I mean: http://bit.ly/a3hUD4 (I've used bitly so my dumb questions don't show up when someone googles my website).
I've googled extensively. Not sure if problem number 2 is a overflow issue, or a absolute positioning bug in IE.
Here's the CSS for the centre div with the jumbo-text titles
.column1 {
padding: 103px 10px 10px 10px;
float: left;
width: 500px;
margin: 0;
}
And for the description div on the portfolio page
.porttxtbox {
text-align: right;
background-image: url(images/porttxtBG.png);
bottom: 0;
position: absolute;
width: 100%;
padding: 0px;
margin: 0px;
}
And it's container div
.portimgbox {
padding: 0px;
margin: 0px;
height: 250px;
width: 480px;
position: relative;
border: 5px solid #EAEAEA;
Thanks in advance!
© Stack Overflow or respective owner