Need help aligning 120x600 ads left/right outside site container

Hello

I have been trying to get this to work for a week now and still can't get it to work the correct way. What i need is to have 120x600 ads on the left and the right of my site on the outside of the site page.

So when say a person with a small screen results-ion view my site the ads on the left and right would disappear because the ads would adapt with there screen size.

Now say if someone with a big screen resultsion view the site the ads would show this an example

any help would be very appreciated

 

This isn't a CSS issue you need to use Javascript, google navigator object model javascript, that will give you the information you need.

 

yes someone told me this also can you help me doing this?

 

Hi,
both javascript and css are required to do this the right way. To display the ads on your website you need to put the css code.
Just use two div one for left and other for right.
Make both the div fixed (if you want to make it appear even if the rest of the page is being scroll down) position:fixed;
After making both the divs appear on the left and right side, you need a javascript code to detect if the screen resolution is able to deliver the ads.
You can write code to display left ads or right ads or both at the same time depending upon the screen resolution.

regards
zabalex

 

that's about correct but can some one write up this code for me if i could i would.

 

if you still not able to fix, use w3school site to learn some javascript and css. Use screen.width to detect width of screen in javascript.

 

css:

#rightAds { width:120px; height:600px; position:fixed; right:0; top:0; }
#leftAds { width:120px; height:600px; position:fixed; left:0; top:0; }

Code (markup):

html:

<div id="rightAds">insert your right ads code here</div>
<div id="leftAds">insert your left ads code here</div>

Code (markup):

 

i got it to work thanks