Adsense javascript in scrollable div (IE bug)
Hi all,
If you copy and paste the below code into a file and load it into Internet Explorer you will find that the adsense adds (that is the iframe in which they are supposed to be normally .. I stripped the publishers id) do not scroll along within the div that contains them. This is typically an IE problem. I searched the internet for days but cannot find a workaround. Please help.
The problem has to do with a combination of IE, the CSS in the HTML and the adsense javascript code. Can somebody reveil what takes place in the javacode that messes thing up? Thanks a lot upfront.
Rickert
By the way: the lorem ipsum text is needed to let the div get scrollable. Maybe you should add more if you're using a large monitor.
Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML xmlns="http://www.w3.org/1999/xhtml"> <HEAD> <TITLE>test</TITLE> <style type="text/css"> BODY, HTML {HEIGHT: 100%;padding: 0;margin: 0;} .content {OVERFLOW-Y: auto; HEIGHT: 80%;} </style> </HEAD> <BODY> <DIV class=content> <P>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam blandit feugiat ipsum. Nunc vel metus. Sed nisi elit, condimentum non, gravida eu, auctor sodales, odio. Duis in risus ut eros porta viverra. Phasellus mattis metus ac tellus. Mauris ut augue nec metus suscipit posuere. Cras hendrerit. Vivamus at ligula. Pellentesque urna eros, venenatis a, rhoncus ut, egestas eu, velit. Ut non quam. Sed ac nibh at nisi posuere rutrum. Morbi dapibus molestie lectus. Nulla metus ligula, rutrum eu, volutpat at, gravida ut, felis. Phasellus volutpat, ante vitae congue dignissim, est quam vestibulum est, in accumsan purus risus placerat sapien. Nunc vel orci id leo gravida rutrum. Morbi quam libero, scelerisque congue, sollicitudin in, pellentesque quis, quam. </P> <P>Nulla venenatis. Suspendisse id sem eu lacus cursus lacinia. Etiam sodales neque. Aenean pulvinar aliquam urna. Etiam a sapien vel lectus luctus dictum. Aliquam sit amet urna. Praesent augue lorem, egestas a, semper quis, feugiat et, dolor. Suspendisse potenti. Donec justo. Pellentesque vulputate adipiscing nunc. Fusce mi neque, accumsan vel, tempor eget, scelerisque eget, tortor.</P> <P> <SCRIPT type=text/javascript><!-- google_ad_client = ""; /* 468x60, gemaakt 14-7-08 */ google_ad_slot = "4775450354"; google_ad_width = 468; google_ad_height = 60; //--> </SCRIPT> <SCRIPT src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type=text/javascript></SCRIPT> </P> <P>Nam elementum malesuada arcu. Sed gravida tortor accumsan quam. Integer nisi mauris, lobortis non, dictum et, mollis eget, nibh. Duis accumsan turpis eget mauris. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam semper, quam in bibendum volutpat, velit turpis volutpat augue, in imperdiet urna risus a turpis. Phasellus vestibulum, nulla id aliquam gravida, tellus elit malesuada turpis, a tristique quam purus ut erat. Nam ornare dolor in neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent pharetra lorem at enim. Nullam lobortis mauris placerat felis. Nam eleifend tellus. Sed non nibh. Praesent mauris velit, pretium eget, mollis at, posuere nec, urna. In faucibus. Curabitur eget est. Nullam consectetur tortor nec sem. Ut nulla. Donec tincidunt, nisl ut hendrerit posuere, augue enim ultrices justo, vel vulputate massa eros sit amet diam. Cras sit amet est vitae risus tincidunt euismod. </P> <P>In ornare ligula eu sem. Praesent quis elit. Cras sit amet sapien sit amet nisl tempor blandit. Ut ut enim ac purus sollicitudin malesuada. Aenean in felis varius dui iaculis tincidunt. Vestibulum non massa ac urna accumsan venenatis. Aliquam iaculis, sapien sit amet tempor tincidunt, turpis felis pharetra erat, a rhoncus nibh nisl sit amet dui. Proin tempor. Quisque volutpat venenatis nisi. Vivamus egestas erat imperdiet felis. Aenean at mi. Donec tristique, velit non eleifend mollis, purus velit pellentesque neque, ut tincidunt sem dui faucibus elit. Integer sagittis. Sed pretium. Maecenas aliquet. Morbi ut arcu id lorem tempor consectetur. Vivamus tempus risus sed mi. Morbi volutpat. Donec quis leo. </P> <P>Aliquam laoreet. Pellentesque egestas dictum odio. Duis bibendum. Maecenas mauris. Maecenas nibh quam, elementum sed, tincidunt vel, dignissim sit amet, diam. In tellus. Cras feugiat mi at magna. Nunc diam arcu, blandit et, elementum eget, congue ut, tortor. Vestibulum volutpat. Aenean enim enim, hendrerit vitae, laoreet sed, mollis id, arcu. Sed egestas massa a libero. Quisque vel erat nec dolor volutpat facilisis. Quisque semper risus vitae elit viverra vestibulum. Phasellus tincidunt. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin dictum. Fusce ac eros scelerisque leo lacinia volutpat. Vestibulum vitae felis non urna laoreet dapibus. In vitae risus. Nunc sollicitudin purus sed turpis.</P> <P>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam blandit feugiat ipsum. Nunc vel metus. Sed nisi elit, condimentum non, gravida eu, auctor sodales, odio. Duis in risus ut eros porta viverra. Phasellus mattis metus ac tellus. Mauris ut augue nec metus suscipit posuere. Cras hendrerit. Vivamus at ligula. Pellentesque urna eros, venenatis a, rhoncus ut, egestas eu, velit. Ut non quam. Sed ac nibh at nisi posuere rutrum. Morbi dapibus molestie lectus. Nulla metus ligula, rutrum eu, volutpat at, gravida ut, felis. Phasellus volutpat, ante vitae congue dignissim, est quam vestibulum est, in accumsan purus risus placerat sapien. Nunc vel orci id leo gravida rutrum. Morbi quam libero, scelerisque congue, sollicitudin in, pellentesque quis, quam.</P> <P>Nulla venenatis. Suspendisse id sem eu lacus cursus lacinia. Etiam sodales neque. Aenean pulvinar aliquam urna. Etiam a sapien vel lectus luctus dictum. Aliquam sit amet urna. Praesent augue lorem, egestas a, semper quis, feugiat et, dolor. Suspendisse potenti. Donec justo. Pellentesque vulputate adipiscing nunc. Fusce mi neque, accumsan vel, tempor eget, scelerisque eget, tortor. </P> <P>Nam elementum malesuada arcu. Sed gravida tortor accumsan quam. Integer nisi mauris, lobortis non, dictum et, mollis eget, nibh. Duis accumsan turpis eget mauris. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam semper, quam in bibendum volutpat, velit turpis volutpat augue, in imperdiet urna risus a turpis. Phasellus vestibulum, nulla id aliquam gravida, tellus elit malesuada turpis, a tristique quam purus ut erat. Nam ornare dolor in neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent pharetra lorem at enim. Nullam lobortis mauris placerat felis. Nam eleifend tellus. Sed non nibh. Praesent mauris velit, pretium eget, mollis at, posuere nec, urna. In faucibus. Curabitur eget est. Nullam consectetur tortor nec sem. Ut nulla. Donec tincidunt, nisl ut hendrerit posuere, augue enim ultrices justo, vel vulputate massa eros sit amet diam. Cras sit amet est vitae risus tincidunt euismod. </P> <P>In ornare ligula eu sem. Praesent quis elit. Cras sit amet sapien sit amet nisl tempor blandit. Ut ut enim ac purus sollicitudin malesuada. Aenean in felis varius dui iaculis tincidunt. Vestibulum non massa ac urna accumsan venenatis. Aliquam iaculis, sapien sit amet tempor tincidunt, turpis felis pharetra erat, a rhoncus nibh nisl sit amet dui. Proin tempor. Quisque volutpat venenatis nisi. Vivamus egestas erat imperdiet felis. Aenean at mi. Donec tristique, velit non eleifend mollis, purus velit pellentesque neque, ut tincidunt sem dui faucibus elit. Integer sagittis. Sed pretium. Maecenas aliquet. Morbi ut arcu id lorem tempor consectetur. Vivamus tempus risus sed mi. Morbi volutpat. Donec quis leo. </P> </DIV> </BODY> </HTML>
CSS Codes
Reply With Quote
Bookmarks