How Do Skysports.com do this with there adverts

If you go to http://www.skysports.com look at the adverts on the right. If you mane the internet explorer window gradually smaller you will see the adverts on the right disappear, I guess this is so when people with lower resolutions log onto the site the scroll bar doesn't appear at the bottom. I would like this on my site so i can add the adverts.

My site is set up for higher resolution and there is space either site of the forum itsefl http://www.myfootballforum.com but on the lower resolution 800 x 600 the page is completely filled. If i had the same type of code which made the adverts disappear if the window is small then for the people on the 800 x 600 resolution would not see the adverts and the people with the higher resolution would see them.

I home you understand what i'm trying to say?

I just need to know how to do this?

I do not see any such thing.

what resolution you on?

Here: The picture below is with the window open.



You can see the adverts on the right

If i make the window slightly smaller (width) the the adverts disapear:



No you see what i mean?

Alright, I am on 1280 by 960 and that Meet your Match ad does not appear on my browser at all.

But whatever it is, it has to be a combination of javascript and CSS. Sorry could'nt be of more help.

im 1024x768, using firefox (perhaps it doesn't recognize mozilla?)
anyways, its probably set in 2 DIV containers, the parent including both and the second one having the ads. the second div will have overflow: hidden, but the parent will have an absolute value. if the parent div get to a certain width, the overflow value for the ad div will kick in and make it disappear. well thats how id do it anyways.

could you put this in html format and post it back as a reply so i can test it on my forum.

ok, try this.

<table border="1" width="100%">
<tr>
<td>&nbsp;</td>
<td><img border="0" src="http://www.dirkplug.com/images/kermisdata.jpg" width="253" height="75"></td>
<td>
&nbsp;</td>
</tr>
<tr>
<td>
<img border="0" src="http://www.dirkplug.com/images/kermisdata.jpg" width="253" height="75"></td>
<td>If you go to http://www.skysports.com look at the adverts on the right. If you mane the
internet explorer window gradually smaller you will see the adverts on the
right disappear, I guess this is so when people with lower resolutions log
onto the site the scroll bar doesn't appear at the bottom. I would like this
on my site so i can add the adverts.</td>
<td>
<img border="0" src="http://www.dirkplug.com/images/wnw2.jpg" width="265" height="59"></td>
</tr>
</table>

The picture in the second column prevents this column for getting smaller.
If you don't want a picture in this column, you can make a .gif with 1 pixel, make the pixel color the transparent color, and put this under or above the text. now with the properties of this image, make the width of this image as width as you need. for instance 400 pixels.
the viewer will not see the line for it is transparent, the download will be almost zero while the pictures original only has 1 pixel.

Good Luck