Overflow Auto and Absolute Positioning

[booeyOH]

Hello,
I am having a rather frustrating problem. It seems that absolute positioning in IE7 is getting messed up if the element is inside a div container with overflow:auto.

For example look at the following:

<center>
<div id="centerdiv" style="overflow:auto;width:50%;border: 1px solid #000000;">

<div id="insidediv" style="position:absolute;background:green;left:0;top:0;">Container has overflow:auto</div>
&nbsp;
</div>


<center>
<div id="centerdiv" style="width:50%;border: 1px solid #000000;">

<div id="insidediv" style="position:absolute;background:green;left:0;top:0;">Container does not have overflow:auto</div>
&nbsp;
</div>
</center>

Any ideas?

 

[BillyRayPreachersSon]

What is the symptom? What do you see? Can you give more detail? Does the problem go away if you remove the "center" tag? Does your HTML & CSS validate? Do you have a complete and valid DOCTYPE?

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[BillyRayPreachersSon]

Hmmm.. and how is this a JavaScript problem? Perhaps forum215 would be a better place for this question?

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[booeyOH]

If you cut and paste the HTML code, open it in FF and IE, you can see the "problem". I will post it in the other forum also.

 

[BillyRayPreachersSon]

Did you try my suggestion of removing the center tag? Did that work?



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[booeyOH]

I removed all center tags, and it still was there