AdSense conflicting with my CSS

LikuiD · 09-08-2010, 07:30 AM

Hi,
I've tried adding AdSense to my site, but it always messes up my page.
This seems to happen only in Chrome and in Safari, but it works fine with IE & Firefox

Here's a sample page I created to show the problem:
deutsched.com/adsense.php

Try displaying it with Chrome & Firefox, and you'll notice the difference

I've tried tracking down the source of the error, and it seems to be that part of the CSS file, however I'm not that good at programming, so I'm unsure of how to fix it:
????: NamePros.com http://www.namepros.com/programming/676173-adsense-conflicting-with-my-css.html

Code:

#header {
position: relative;
height: 85px;
}

Any help would be greatly appreciated.
Thanks !

un4given[MAD] · 09-08-2010, 05:26 PM

I'm not sure that my suggestion is logically correct, but it seems to be working. Anyway, this is better than nothing

So, here is my workaround for this issue:
Try to rearrange your DIV's like this

Code:

<div id="wrap">
	<div id="content-wrap"> ... </div>
	<div id="rightbar"> ... </div>
	<div id="footer"> ... </div>
</div>

As I've found out, the problem is caused by two factors:
1) innatural order of blocks in html flow (left bar, right bar, main content)
2) ad block in the right bar

Hope this helps

LikuiD · 09-09-2010, 12:42 AM

Thanks for trying to help un4given

But I've tried that and it didn't work

I decided to change the whole template, I wasn't that convinced about it
And its a new website anyways, so nobody will notice anything

Thanks once again !

09-08-2010, 07:30 AM	THREAD STARTER #1 (permalink)
LikuiD NamePros Regular Join Date: Jul 2006 Posts: 283 Follow @DeutschedWeb	AdSense conflicting with my CSS Hi, I've tried adding AdSense to my site, but it always messes up my page. This seems to happen only in Chrome and in Safari, but it works fine with IE & Firefox Here's a sample page I created to show the problem: deutsched.com/adsense.php Try displaying it with Chrome & Firefox, and you'll notice the difference I've tried tracking down the source of the error, and it seems to be that part of the CSS file, however I'm not that good at programming, so I'm unsure of how to fix it: ????: NamePros.com http://www.namepros.com/programming/676173-adsense-conflicting-with-my-css.html Code: #header { position: relative; height: 85px; } Any help would be greatly appreciated. Thanks ! __________________ Learn German online for free - German Phrases Last edited by mis_chiff; 09-09-2010 at 06:59 PM.

09-08-2010, 05:26 PM	#2 (permalink)
un4given[MAD] NamePros Member Join Date: Aug 2008 Location: Solar System \ Earth \ Ukraine \ Kiev Posts: 43	I'm not sure that my suggestion is logically correct, but it seems to be working. Anyway, this is better than nothing So, here is my workaround for this issue: Try to rearrange your DIV's like this Code: <div id="wrap"> <div id="content-wrap"> ... </div> <div id="rightbar"> ... </div> <div id="footer"> ... </div> </div> As I've found out, the problem is caused by two factors: 1) innatural order of blocks in html flow (left bar, right bar, main content) 2) ad block in the right bar Hope this helps __________________ Tired playing Freecell, Klondike or Spider? Discover 800 solitaire games at SolitairesUnlimited.com and play'em all!

09-09-2010, 12:42 AM	THREAD STARTER #3 (permalink)
LikuiD NamePros Regular Join Date: Jul 2006 Posts: 283 Follow @DeutschedWeb	Thanks for trying to help un4given But I've tried that and it didn't work I decided to change the whole template, I wasn't that convinced about it And its a new website anyways, so nobody will notice anything Thanks once again ! __________________ Learn German online for free - German Phrases

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)