CSS Wrapper To Center Content Not Working

[RonSanSolo]

Hi There.

I would like to be able to have a fixed width layout in MM5 by using a CSS "wrapper". I've set the width of the "wrapper" to 760px and the margin to "10px auto". When previewing in Miva, the width is correct, but the wrapper is not centered in the page. The content is defaulting to the left side of the page.

I have the opening div in the Global Header and I have the closing div in the Global Footer.

Is there a way to fix this?
Is there any type of conflict between MM5 and CSS that I should be aware of?

Thank you,

Ron

[Vic - WolfPaw Computers]

the problem is with interpretation of CSS with the browsers.

IE6 is not truelly CSS compliant.

Use a table in your global header to set the width, then close the table in the global footer.

[RonSanSolo]

Vic,
Thanks for the reply; but, my regular web pages (ie. not Miva) for this site use a wrapper and it works fine in IE6. It seems to be only in Miva that it's happening...

- Ron

[Dave Slifka]

Please post a link to your store so we can take a look at the code. I can't tell from what you're saying exactly what the problem is. A div should work.

[Brandon MUS]

<IE 7beta requires that the preceeding element have a text-align: center; property in order to center the nested element.

The following is cross browser compatible:

<div style="text-align:center;">
<div style="width:760px;margin:0 auto;"></div>
</div>

[Vic - WolfPaw Computers]

Thats because IE7 is supposedly CSS compliant :)

<IE 7beta requires that the preceeding element have a text-align: center; property in order to center the nested element.

The following is cross browser compatible:

<div style="text-align:center;">
<div style="width:760px;margin:0 auto;"></div>
</div>