By wer0ckz on

Hi there.

I have a website and I need help about removing gaps or spaces.

My website is http://vorlage.net.au/clclax.org.au-2/ - Where you can see a space or gaps between the google adsense on the right and the eldge of the site.

Please see my screenshot http://vorlage.net.au/trash-images/gap.jpg - where you can see I painted a red color on the right

My main styles css is blue.css - I cannot find the right css code to add or edit.

Thanks in advanced

Comments

Drave Robber’s picture

Drave Robber commented

Line 116 of blue.css sets width of sidebar to 150px:

.region-sidebar-second .section {
border:medium none;
margin-left: 8px;
width: 150px;
}

Then, line 20 of the same file sets a negative margin for the Adsense block: (is that your tinkering? ;)

#block-adsense_managed-0 {
margin-left: -23px;
}

I'm not quite sure where it loses additional 2px, but the computed width of content div comes to 171px; Google ad in question has fixed width of 120px, thus leaving gap of 51px.

This information is most easily obtained by installing Firebug for Firefox or using rightclick->Inspect Element in Chrome.

Now, it seems the easiest solution is simply getting an 160px wide ad instead of 120px (see Google Ad Formats.

wer0ckz’s picture

wer0ckz commented

Hi there.

So you're saying that i'll just change from 120x600 to 160x600? its already setup to 160. please see my screenshot http://vorlage.net.au/trash-images/googleads.jpg

What should I do next? do i need to add or edit some css?

Thanks again for helping me

Drave Robber’s picture

Drave Robber commented

It seems Google is still serving you 120px; try clearing server cache? (well, you have a tab named Performance, so you might already have done that)

wer0ckz’s picture

wer0ckz commented

yeah everytime i edit a css from the blue.css file, i alwasy clear cache. I hope it its possible

Drave Robber’s picture

Drave Robber commented

well... editing CSS won't help here. I'm not quite familiar with the module you're using but the problem seems to be somewhere between it and Google.

I'd put it off until tomorrow, then, if it doesn't correct itself, reinstall the module.

prajaktam’s picture

prajaktam commented

In your blue.css file at line no 34 please comment the existing css and add this,
.adsense {
margin: 0 -15px;
}

Also add the following css to blue.css

#aus {
position: relative;
margin: 0 0 0 20px;
}

I think this should remove the extra gap at the right side of the adds block. And then accordingly you can adjust the spacing between Latest News and Fixtures blocks if necessary.

Thanks,
Prajakta