Joomla Templates

I added the following to the template-ie6.css file to get the leftwrap, topbannerad and right positions to appear correctly for IE6:


Everything looks great until I drop my screen resolution to 800 x 600 then I see a big space on the left of the browser window and the rest is going off the right side of the screen. This is of course because everything starts 175 pixels from the left of the screen.

Can anyone tell me how I can somehow position everything in the center of the screen all tightly together with no gaps at any screen resolution?

The site is at indppc.com

Thanks

Tom

I pretty much figured it out. IE6's default position is static and any element left at the static default that has sub elements with position: absolute, will be positioned relative to the top upper left of the parent element, not the top of the browser window. So I changed my CSS like below and everything is positioned correctly - except that I can't get it centered. I tried 3 different ways to center the parent element as mentioned at css-discuss.incutio.com/? page=CenteringBlockElement but none of them worked. Oh well. Anyway here is how I did the CSS even though it's not centered:

#wrapper{
/* 4 lines below are supposed to center the content but it didn't work */
width: 1024px;
left: 50%;
top: 50%;
margin-left: -512px;
}


#leftwrap{
float: left;
position: absolute; left: 10px; top: 7px;
margin-top: 5px;
width: 180px;
}

#topbannerad{
height: 100px;
margin-top: 5px;
width: 580px;
margin-right: 5px;
position: absolute; left: 195px; top: 7px;
z-index: -1;
}

#right {
width: 580px;
text-align: left;
position: absolute; left:195px; top:130px;
z-index: -1;
}