Adsense displaying question

Hello

I currently show 3 Adsense content Ads on my Forum.

1) Leaderboard below the navbar
2+3) Large Rectangle as second post

The first large rectangle is the best performing Ad on my site.
However it is the second Ad that is loaded therefor does not show the highest paying Ads.

How can I switch the display order of those two Ads?
It should be possible with CSS I think but I have absolutely no idea.

Help would be much appreciated

Best regards

StarBuG

In your leaderboard, create a div with fixed height.

<div id="leaderboard"></div>

and style it:

#leaderboard {
height: 100px;
width: 100%;
}


This will create a "space" at the top without content in it.


Then, move your leaderboard ad to your footer ad template locations, in an absolute wrapper.

<div id="leaderboard_inner">
///adsense code////
</div>

and style it:

#leaderboard_inner {
position: absolute;
top: XXpx;
left: 46%;
}

You will need to tweak the XX to get the actual pixels down to clear your header, and you may need to adjust 46% to fit. If you are on a fixed-width template, getting center will be much easiesr.

ie, if you are fixed at 1000px wide and run a 720px ad

width of wrapper / 2 = 500 = center
720/2 = 360

500-360 = 140 would be your left: distance in pixels instead of percents.

Thank you for the tipp.

I use a dynamic width so I see the poblem.

What if people use different font size or different resolutions.
Wont that break the top position as well?

Is there another way of switching the order?
Like with javascript for example?

I don't like the idea of having design flaws in my forum caused by ads

Yes, some font sizes (ie, using control + to increase text size in the browser) can push things if they are too big. There is no easy perfect solution.

I'm sure you could spend days writing an elaborate javascript that finds all of the positions of elements and places things accordingly, but to me, that's a lot of work for likely less than 1% of a userbase who are running non-standard browsers/font sizes.

Thanks Brian for your help.

I did your changes for guests and it works great.
I already notice the improvements in my earnings

StarBuG

Ok

I had the following problem:
I want to show a leaderboard banner below the navigation centered.
My leaderboard was clicked only half as often as the banners I showed in the thread as 2nd post.
So I wanted to load my leaderboard banner AFTER the 2nd post banners so that they get the highest paying keywords.

I found a complex but perfect solution for this:

The settings for my forum:
Fixed width for the forum and the forum is centered.
The banner position is exactly 253px from the top.

In Template ad_global_below_navbar add:

Code:

<div id="ads_navbar_container"></div>

Click Save

The ads_navbar_container creates an empty "box" that spans from left to right and has a hight of 110px.
This is the background box on which I will display the adsense banner.

In Template ad_footer_end add:

Code:

<div id="ads_navbar_container_2">
 <div id="ads_navbar">
   YOUR ADSENSE CODE HERE
 </div>
</div>

Click Save

This is the actual Adsense Leaderboard.
It is wraped inside a container (ads_navbar_container_2) that is positioned from the top to fit inside the box we created before (in this case 253px from the top).

After that we define the AD in ads_navbar and center it within the previous container.
If you use other banner formats change the width to fit the banner width.

In Template additional.css add:

Code:

#ads_navbar_container {
    border: 1px solid #CECECE;
        background: #EBEDF0;
        width:100%;
        height:110px;
        margin-left: auto;
    margin-right: auto;
}

#ads_navbar_container_2 {
    position: absolute;
    top: 253px;
    left: 0px;
    width: 100%;

}

#ads_navbar {
    position: absolute;
    width: 728px;   
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

Change the colors of the background box to colors that fit your theme.
Adjust the top position to fit your layout.
Change the banner width and box height if you use other formats then a leaderboard.

Click Save

E voila, a perfectly centered banner that is loaded last (displays the lowest paying keywords).

If you want to load it in between 2 other ads, simply search for an ad template that is loaded after the first and before the second and put the ad code there instead of the footer ad template.

Best regards

StarBuG