PDA

View Full Version : Adsense javascript in scrollable div (IE bug)



rickert
03-19-2009, 11:52 AM
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.



<!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>

rickert
03-20-2009, 08:55 AM
http://www.google.com/support/forum/p/AdSense/thread?fid=73423aa5c6be1c1a00046588c1d79ce7&hl=en