Quote:
Originally Posted by FourPenguins
I've got a div on my page that used the following css code for vertical alignment:
Code:
position:relative;
top:160px;
I find that in IE6, the bottom 160 px of this page are cut off. I have tried setting the overflow in the body and html tags to "visible" to no avail. The only way to make this text visible is to manually set the height of the body tag. However, I need a way to do this dynamically to make the page the appropriate height for the content (there are several similar pages).
I have tried using the expression hack, but can't seem to get an expression to work. If anyone has experience with expressions in css or any other suggestions to fix this, please help. |
...Which is why I hate Internet Explorer.
IE6 has a lot of issues with CSS in general. Some (mostly float'ed content) can be solved by adding the position:relative; however when certain content in IE6 is given a position:relative, it needs to also have a set width and height. And then there are the cases where adding a simple <p> </p> after the content in question, with given a CSS of font-size:1px;margin:0;clear:both; can solve some issues.