Center Alignment and Position Question

HTML & CSS
1

Main Site (Drupal):
Chrome/Firefox -> Center aligned. Skyscaper displays properly. Placement is hardcoded to 1325px though. Ideally it would be 20 pixels to the right of the main column.
IE -> Center aligned. Skyscaper displays properly. Placement is hardcoded to 1325px though. Ideally it would be 20 pixels to the right of the main column.

Forum (vBulletin):
Chrome/Firefox -> Center aligned. Skyscraper does not appear anywhere.
IE -> Far right aligned. Skyscraper does not appear anywhere.

CSS file for both forum and drupal is here: http://www.middleschoolhq.com/themes/platform/style.css

If anyone could help me with this, I’d greatly appreciate it!
-Chris

2

Yes, place the html code for the ad inside the wrapper div. I would probably place it at the bottom of that div, but it doesn’t really matter. Does that make sense?

3

I understand the concept of what you are saying with the -180 from the right which would give a 20 pixel buffer between the content column and the skyscraper. However, I’m not sure how to technically do it. When you say put it in the wrapper, is that done within the template or within the css?

Thanks for the help!

4

It would be better to center the wrapper like so:

#wrapper {
    width: 960px;
    margin: 0 auto;
}

Then place the ad inside the wrapper, and set it to:

position: absolute;
top: 25px;
right: -180px;

By giving the ad position: absolute, it will position itself in relation to the wrapper bacause the wrapper has position: relative. That’s the key. The -180px on the right pushes the ad out to the right. Mind you, it will be hidden on narrow screens.