Forum Moderators: not2easy

Message Too Old, No Replies

IE 7 hasLayout bug

         

mike hermary

4:03 pm on Mar 6, 2009 (gmt 0)

10+ Year Member



Hello,

I am currently experiencing issues with Internet Explorer 7 and the 'hasLayout' bug. The problem as I can see it is with the specific height property I have set on the container div. The container div has a set height of 655 pixels to accommodate for the background image. This works fine on the homepage where I have the following div's hidden using PHP: wrapper, mainColumn, and sideColumn. When you navigate to the pages beyond the homepage the wrapper, mainColumn, and sideColumn div's are visible, but take on the set height of the container div (655 pixels), thus causing the content to be cut off after the container div ends. This problem does not occur in FF 2 / 3, Safari or IE 6. I have tried implementing the Holly Hack and other 'hasLayout' fixes but nothing seems to work.

Here is the link to the website: <snip>.

I hope someone can help me with this issue and I thank you in advance for your time.

[edited by: swa66 at 8:12 pm (utc) on Mar. 6, 2009]
[edit reason] No personal links allowed please see ToS [/edit]

simonuk

1:02 pm on Mar 9, 2009 (gmt 0)

10+ Year Member



I'm not sure why you need to set the height in a div for the background.

Place the background inside the body tag and give it any repeat/positional elements it needs and then just style the container as normal without the need of the height.