Adsense block position, CSS help

[Jmart285]

I'm trying to position an adsense block with css. i've tried several codes and they can position, BUT if i zoom out of my site/browser the adsense block moves left. If i zoom in, it movies right. I don't want this to happen. I want the block to stay positioned relative to the other stuff on my page. Like the Header/body of my site stays centered when I zoom out, but the adsense block moves left. What code should I use?

 

[shindig]

put it in a div and position the div. float + margin position relative to your other stuff.

 

[Jmart285]

I'm still a bit lost, can u give me the code for it? Everything else on the site is centered

It's for this theme: ZENVERSE - Design and Web Development

I'm trying to put it below the header/nav bar and above the featured slider thing

 

[shindig]

Your page is divided into a left section and right, if you want it to appear inside the left section at the top, and move the featured slider down slightly, you can simply open your html file and

find the div id "leftcontent" where it says <div id="leftcontent">

add

<div id="ad1" style="width:620px;margin-left:7px;overflow:hidden">Adsense CODE HERE</div>

and replace "adsense CODE HERE" with your embed info from your adsense ad.


If you want the ad to appear within the "featured" grey box, but not within the sliding image, but just above the slider, you want to add the above div after the line: <div id="featured"> and before the highlighted line in this image:

You can take out the style="" stuff and go to your CSS file and style the div by using a statement like:

#ad1 {
width: 600px;
height:50px;
border: solid 1px silver;
background:yellow;
margin-left:5%;
}

etc to style the div, set it's position, etc. W3Schools Online Web Tutorials is where you want to learn.

 

[Jmart285]

Shindig, this is where I can to put it, test99 -

in the space below the second navbar and above the posts

 

[shindig]

So put it between the lines:

<div id="page">
<div id="ads1">adsense code here </div>

<div id="leftandright">

then in your css file use

#ads1 {
background:black; //or what color you want
width:600px; //or how wide you want it
margin-left: 5%; //how much to indent from the left, can be px, %, or em
}

 

[Jmart285]

Omg that finally did it....thank you.

All this time i was putting the adsense code in the header.php, between the
</div><!--/navbar-->
and
<div id="page">

thanks a ton