I have a WordPress generated page where I want to place AdSense below the header of the page. See image at http://imgur.com/WPXeG
I want to create some white space
Add a margin-bottom
to the div with id "access"
put in your css
#access {
margin-bottom: 5px; /* or whatever */
}
I added margin-top: 5px
on the <ins>
element inside the div and it work. If you could add an id to the div you use this css rule:
div#adds > ins{
margin-top: 5px;
}
Your #access
div has float:left;
on it, so you will need to add clear:left
(or clear:both
) on the div containing the ad, so they don't overlap.
If you look at your page with Firebug, or the developer tools in your favorite browser, you can see that your ad div actually sits above and layered below your header divs, and when you add clear: both
, it will move down to where it should be.
Have you tried adding the following
<div style="clear:both;"></div>
after the header div?
This way the header float (if it had a float) is cleared and the Ad div below should now utilise the padding