adsense wrapping

[jdvjdv]

I searched for this topic but nothing quite answered it for me.

My site has a logo top left and then the adsense leaderboard to the right, all on the same 'line'. With IE it displays fine, but with gecko/mozilla the adsense gets displayed immediately beneath the logo, rather than on the same level to the right.

This is how it looks in the source:

<img src="my image.jpg">
<adsense code>

How should I change it so that both browsers display it as to the right and neither as directly beneath the logo?

Many thanks in advance..

[driris]

i have also the same problem
sometimes my content hid behing the adsense ads in firfox
i am not worried much because 93 % of my visitors browse through IE ....

[jomaxx]

I don't know how bad your site's rendering is overall, but I would like to point out that 7% would be a LOT of money to leave on the table. Most webmasters would give their eyeteeth to increase their traffic by 7%. Also percentages don't matter if the Google employee doing a manual check of your page is running Firefox.

Anyway, as far as fixing the problem, there may be a CSS solution you'd have to test on a bunch of different browsers for compatibility, but what I would do is simply put the logo and the AdSense code in separate cells in the same row of a table.

[Jean]

Looking at recent browser trends this 7% is likely to get a lot more in a not too distant future as more and more people realize that there are better, safe alternatives to Internet Explorer.
My present stats show use of IE at 84% and I don't run tech sites.

[jdvjdv]

Thanks for replies, turns out mozilla likes to scale the ads beneath to makje them visible when you shrink the window size, whereas IE doesnt do that. A table does fix it but the ads will be out of view depending on the window scale.

[jomaxx]

Not sure I understand. You're now saying you want the ads at the right if there's room, but otherwise to display them below the logo?

[aeiouy]

If you are in doubt about something like this it is always safe to assume that IE is at fault. Even if it is displaying how you want in IE, it just means you likely have it set incorrectly. Set it up so it displays properly in firefox, and then do a websearch for the problem on IE and you will like find a fix. Firefox is pretty much fully compliant, IE is only compliant some of the time, so you often have to trick IE to do what you want.

I always want to make sure my site looks the same in both browsers, and sometimes it can be a bit of a chore, but it always seems to be IE's problem in the end.

[level80]

Over five days of traffic to my site (about 25,000 visitors) Internet Explorer counnts for less than 75% of the traffic. The second most popular browser is obviously Firefox making up about 9% of the traffic. After that it's Netscape, Safari, Mozilla, Opera - coming to a total of 194 different types of browser (eg Internet Explorer counts as one type dispite different versions) - with even mobile phones accessing the site. If I only designed my site for the ~ 75% of users who access via IE and none of the users of others browsers could see the ads I'd be cutting my advertsing income by about a third.

[Webwork]

You would likely get an answer and fix if you posted your code in the WebmasterWorld CSS forum. It's hard to diagnose without seeing the stylesheet/XHTML.

[webnoob]

try using nobr tags. its dirty but works..

<nobr>
<img src="my image.jpg">
<adsense code>
</nobr>

another thing you can try is add align="left" to the image:

<img src="my image.jpg" align="left">
<adsense code>