Geek Answers Handbook

IE8 Rendering Bug: after viewing javascript visibility, div content remains white

The page here ( http://skergeth.net/slidingfooter/ ) contains a footer that slides when you click on us. He then shows the contact form.

However, in IE8, it moves up, and the div containing the form remains white until it is mouse-dependent. I also tried the approach that the footer has overflow: hidden, but since there are other elements in the footer that need to overflow (a menu that continues to the top), this is not an option.

I do not think this is javascript, but since I tried to postpone the transition and made sure that setVisible was called before it, but with the same result.

I hope I get it.

Thanks for all your answers!

+4
source share
4 answers

add height: 1% for the div, which after the div has id = "footercontent" and it should work. (note: check it on all browsers) this happens when IE has not found a value for the height

+3
source

Try adding a scale: 1 and / or position: relative to #footercontent or any of the elements inside it. This forces IE to set hasLayout and fixes a lot of css issues.

+1
source

I had the same problem. Solved it:

#div-name * { visibility: visible; }
+1
source

The division containing the form seems to load perfectly, as it displays "Contact Us" h1 . This is a form not specifically displayed in IE8.

Try playing with the display properties of the form element.

0
source

More articles:


All Articles