GOOGLE Banner Ads Wrap In IE - HTML forum at WebmasterWorld - WebmasterWorld

Forum Moderators: open

Message Too Old, No Replies

GOOGLE Banner Ads Wrap In IE

This is driving me INSANE

choppedliver

6:05 am on Jan 7, 2008 (gmt 0)

10+ Year Member

I have a really nice javascript application that I built that I want to monetize by putting adsense on the page. I have always been a good back end programmer but when it comes to front end ( i.e. displaying stuff, making it look pretty ) I suck at it and I get frustrated. I had everything looking good in firefox then I looked at it in IE and it was all broken. I finally got tired of trying to troubleshoot it, so I created the simplest version of a webpage with adsense just to see if it would still be a problem and lo and behold it was.

Here is the code.


<html>
<body><script type="text/javascript"><!--
google_ad_client = "pub-1234123456785678";
//728x90, created 1/6/08
google_ad_slot = "1234467478";
google_ad_width = 728;
google_ad_height = 90;
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</body>
</html>

When I display this in IE 7, the ad units are squished together, and the fourth ad unit wraps to the next line.

PLEASE HELP THIS IS DRIVING ME INSANE!

[edited by: encyclo at 11:24 am (utc) on Jan. 7, 2008]
[edit reason] obscured pub-id [/edit]

penders

2:37 pm on Jan 7, 2008 (gmt 0)

WebmasterWorld Senior Member

10+ Year Member

Top Contributors Of The Month

What DOCTYPE are you using? You will probably need to use a Transitional or Strict DOCTYPE to get compatibility between browsers. Without a DOCTYPE, IE will render in quirks mode.

choppedliver

2:50 pm on Jan 7, 2008 (gmt 0)

10+ Year Member

Well in the sample obviously none, but in the actual page I am trying to create I have this


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

choppedliver

10:09 pm on Jan 7, 2008 (gmt 0)

10+ Year Member

Ok I went ahead and tried the narrower adsense ads,and get the same problem.

I went ahead and put it on my server so you could see it, let me know if you have any ideas.

First view it in firefox

Then view it in IE

HUGE difference

[edited by: tedster at 10:23 pm (utc) on Jan. 7, 2008]
[edit reason] no urls please [/edit]

choppedliver

3:13 pm on Jan 8, 2008 (gmt 0)

10+ Year Member

Update: Ok... this is weird...

I went to another pc, same version of OS Windows XP, same version of browser IE7. Only it looks ok on the other pc... Any ideas why?

penders

5:42 pm on Jan 8, 2008 (gmt 0)

WebmasterWorld Senior Member

10+ Year Member

Top Contributors Of The Month

I went to another pc, same version of OS Windows XP, same version of browser IE7. Only it looks ok on the other pc...

Are the size of the fonts the same on both PC's? Just wondering if perhaps the min font-size is set differently on one?

choppedliver

6:00 pm on Jan 8, 2008 (gmt 0)

10+ Year Member

I dont know... I havent changed it, where do I find that?

penders

10:49 pm on Jan 8, 2008 (gmt 0)

WebmasterWorld Senior Member

10+ Year Member

Top Contributors Of The Month

I dont know... I havent changed it [min font-size], where do I find that?

Actually, I'm not sure that there is a min font-size in IE7!? Do the font-sizes look different between the browsers?

If the font is different then (as just mentioned in another thread [webmasterworld.com]), you could have a look at:
Internet Options > General Tab > Accessibility Button > Ignore font-sizes specified in webpages

?!

choppedliver

1:13 am on Jan 9, 2008 (gmt 0)

10+ Year Member

yes they do actually. I have a screen capture but cant attach it here.

I just tried what you said. It went from a sans-serif font to a serif-font, but the ads still wrap around

GRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRR