Adsense Alignment Issue

Adsense ads not coming parallel... coming on top of each other few times

[yaashul]

I'm using phpBB3 with eTech style and facing a very strange forum... I had set my Ad in the following scheme
<snip>

But out of 100 time 5 times I use to get ads in following way...
<snip>

I'm working on 1280*800 pixel screen... & checked it on 1440*900 Pixel as well... this problem persist in many resolution... Is this problem related to Styles/Hosting/Adsense?

I'm using etech theme made by CyberAlien. Here is what I have written to display Ads

{$CA_BLOCK_START}
<table class="tablebg" width="100%">
{$CA_CAP_START}<h4>Advertisement</h4>{$CA_CAP_END}
<tr>
<td class="row1" align="center" style="white-space: nowrap;">
Ads Slot 1
Ad Slot 2
</td>
</tr>
</table>
{$CA_BLOCK_END}
<br clear="all" />

I had also used Advanced Mod Rewrite, Zero Dupilcate and Gymsitemap mod create by phpbb-seo.

[edited by: eelixduppy at 12:12 am (utc) on Feb. 1, 2009]
[edit reason] no screenshots, please [/edit]

[tedster]

Hello yashul, and welcome to the forums.

Sorry, but we ask members not to post links to screenshots - or anything that identifies their own websites. So we cannot tell exactly what your problem looks like. However, because it is a problem in the way the ads "look" I'd say it almost definitely is a style problem that can addressed with some savvy HTML/CSS.

If you could describe the problem in words, and possibly with some snippets of your current code, we may be able to come up with an approach that you can use (see LINKS and posting CODE [webmasterworld.com] for some help on that).

[yaashul]

Thanks tedster... I'm new to this community... thats why those mistake...

I m placing ads on my web based forum... Like
200*90 Link unit on first block and 729*90 leaderboard into second block.. both ads shud come parallel..(linkunit in first column of same row & leaderboard 729*90 in second column of same row) and almost 70-80% time they come parallel but 20-30% time 200*90 link unit come in first row and 729*90 comes into different row.

[tedster]

You'll need to look at the source code - a good example and a bad example - to see what's happening.

If you need help with that, please first check out the link I gave above on how to make your source code snippets something we can work with and that are within our forum policies.

Once you discover what rules are creating the problem, you'll need to find where those rules originate - with code you wrote, or with the theme you are using, or possibly one of the other items you mentioned. It's detective time!

[yaashul]

I tried to generate this issue with Firefox but was not able to generate this issue...This issue lies in Internet Explorer only... especially IE7.0 (@least I 've tested it on IE7 on both Windows Xp/Vista)

Than I tried to check CSS validation of etech style (http://jigsaw.w3.org/css-validator/) and got couple of errors and lots of warning in that...

648 .attachcontent, html > body .postbody Property overflow-x doesn't exist in CSS level 2.1 but exists in [css3] : auto
808 Value Error : min-width Property min-width doesn't exist in all but exists in all : 0

on line 808 I found the following code...

/* bugs */
@media all and (min-width: 0px)
{
/* reset file input style for Opera - it changes only text color and border, but not bg color */
.btnfile, .btnfile:hover, .btnfile:focus { 
border: none; 
background-color: #FFF;
color: #000;
}
}

What do u suggest I shud change to resolve this issue...

[tedster]

You need to study and understand both the HTML and the CSS the source code - what each part of it does or is supposed to do. This may be a challenge since you are combining different "pre-packaged" solutions rather than working with code you wrote yourself. But if the final result is not behaving the way you want, then you will need to pull things apart.

In our CSS forum [webmasterworld.com], pinned to the top of the index page, there is a thread called CSS Troubleshooting [webmasterworld.com] and the first post in that thread goes through some steps you can take to do your troubleshooting.

[swa66]

Regarding the parts of your CSS: there are parser hacks in there. It is by far not the easiest thing to comprehend.
e.g.: "html > body" is perfectly fine CSS, utterly superfluous in a html context, but ... some browsers (read IE6) don't grasp the meaning and it creates different behavior based on what browser is reading the CSS this way. It's quite hard to learn those things as you need to know what browsers have what bugs in parsing CSS.

For code you develop yourself I tend to strongly advise against using hacks and instead use conditional comments to fix IE6 and IE7 problems. For code you are given this isn't always an easy option.

"overflow-x": this is a CSS3 property, not defined in CSS2.1 (which we're supposed to use), but most if not all browsers support it already.

"@media all and (min-width: 0px)": now that's CSS3 as well, and it too is starting to get implemented. So their effort to have this only read by Opera might well fail as e.g. FF 3.1 is released. Equally I think safari also already parses this.

So if you need to understand that CSS code you're in for an uphill battle.

Now IE7 has a number of well known bugs, notably the peek-a-boo [google.com] And I had discovered (not using IE myself but to test websites) that my own phpBB3 forum was being hit by it on certain places in certain conditions for years without me knowing it. Make sure it's not peek-a-boo, and apply the traditional fixes if it is.