absolute positioned DIV height not fully displayed in IE 1

[JRBeltman]

Hi,
I'm using the TIGA wordpress theme which uses an 'absolute positioned div' as sidebar.

The problem is that the height of the div is larger than the screen and IE simply cuts the div off. When making it relative IE shows the complete div (full height).

However, I need it absolute.
Anyone knows how to fix this issue and make IE realize that the absolute positioned DIV is larger than the default screen height?

JR (

http://www.jrbeltman.com)

IT = Logic (except for a well known OS where it equals luck) -> Back to the Basics!

 

[ca8msm]

Can you provide an example of your code? Also, why does your div have to be absolutely positioned?


____________________________________________________________
Mark,
[URL unfurl="true"]http://aspnetlibrary.com[/url]

Need help finding an answer? Try the Search Facility or read FAQ222-2244.

 

[JRBeltman]

<div style='position: relative'>

	<div style='position: absolute; height: 2000px; border: 1px solid black;'>hi</div>


</div>

Try this out in a most simple html file and you will see the issue I'm talking about in IE6 (perhaps also other IE versions)

It is caused by the absolute div being inside the relative one.

JR (

http://www.jrbeltman.com)

IT = Logic (except for a well known OS where it equals luck) -> Back to the Basics!

 

[ca8msm]

This bug is described at

http://www.positioniseverything.net/abs_relbugs.html

and the fix involves adding a height of 1% for IE6 on the container div e.g.

/* Hides from IE-mac \*/
* html .container1 {height: 1%;}
/* End hide from IE-mac */

____________________________________________________________
Mark,
[URL unfurl="true"]http://aspnetlibrary.com[/url]

Need help finding an answer? Try the Search Facility or read FAQ222-2244.

 

[JRBeltman]

Simple but elegant and it works!
Cheers for the solution... You got a STAR!

JR (

http://www.jrbeltman.com)

IT = Logic (except for a well known OS where it equals luck) -> Back to the Basics!