Cross-Browser Alignment Issues

[uruharacosplay]

Hi Guys,
Sorry for so many questions. I do searches, but usually only find partial answers or my search skills aren't yet sharp enough. However, if I do find the answer to one of my questions, I am placing the link in the replies so others may have easy access to answers as well.

I need help centering my ENTIRE TEMPLATE. I'm sure this is done in the stylesheet.css or stylesheet_tm.css, but I don't know what elements to change. Apparently, there is no CSS code for center alignment?

Also, my alignment properties are wonky when I use Internet Explorer and/or lower screen resolutions. Many CSS stylesheets auto adjust based upon screen size, but auto adjust in grotesque ways (too skinny, too long, words flying off of the boxes, etc.).

1) Is there a way to center my entire template?
2) Is there a code or module that resizes my page to fit the viewer's screen resolution?
3) Also, on a side note, several of my .png images which are meant to be transparent show up as having a white background in Internet Explorer and at low resolutions. Any ideas?

Web Page: http://www.akihabaracosplay.com

I think a newer version of Zen Cart was just released, so I have the prior version to the new update.
My hosting company is Hosting Duo.com
My template is 'Template Monster 150' template.

As always, I am more than appreciative for all of your support.

Thank you,
~Indi, the Rookie Zenner

[tony_sar]

your template set to display at 95% .. but there is a width in body set to 70%
open your stylesheet_tm.css and remove width:70%; from body

body{
padding:0;
margin:0;
width:70%;
vertical-align:top;
background:#000000;
font-family:tahoma; font-size:11px; line-height:14px; color:#63676B;
}


there are no module to resize page on your visitors screen . majority of people do have a monitor with high resolution ..i like fixed websites and not fluied . i set the size at 980px .
older IE do have problem with PNG .. there are number of hacks and fixes on internet .. look for pngfix . they tend to be javascript that need to be added to your site to fix the issue that older IE browser have ith PNG , i found those hacks make the site slower.

[uruharacosplay]

Thank you ever so much, but now my Header is too small. How do I make my Header 100% wide?

[tony_sar]

open stylesheet_tm.css and look for

.main_w {
margin:auto;
width:936px;
}


change width from 936px to 100% .

[uruharacosplay]