Hi John,

This will not work that way. Your approach is correct in some ways,
but no in others.

This should be working code, working on IE 7 downwards, Opera, FF, Safari,....

<html>
<style type="text/css">
<!--
#ie-center-hack {
text-align: center;
}
#container {
border: 1px solid black;
margin: 0 auto;
width: 80%;
text-align: left;
}
#container .list {
width: 350px;
}
-->
</style>
<body>
<div id="ie-center-hack">
<div id="container">
<ul class="list">
<li>1 - 14<br /><strong>$6.62</strong></li>
<li>15 - 49<br /><strong>$5.00</strong></li>
<li>50 - 199<br /><strong>$3.76</strong></li>
<li>200+<br /><strong>$3.38</strong></li>
</ul>
</div>
</div>
</body>
</html>

The list might look shifted a bit, since the default margins and
paddings of lists look a bit different in FF, IE and such. I just
added the border, so that you can see that the content container is
actually centered ;)

regards, Jens


-- 
So long, and thanks for all the fish!
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to