First, let me apologize for not having a test page. I'm at work and am
unable to access FTP.

I have a list I am trying to center, here is the code to create a test
page:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd";>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
.mpl {
float:left;
display: block;
text-align:center;
font-size:0.9em;
padding-right:1em;
}
.mpl strong {
font-size:1.3em;
display:block;
}
.last {
padding:0;
}
</style>
</head>
<body>
<div style="margin:0 auto; text-align:center;" class="list">
<div style="display:block; text-align:center;"><strong>Center |
Center</strong></div>
<ul style="width:350px;">
<li class="mpl">1 - 14<br /><strong>$6.62</strong></li>
<li class="mpl">15 - 49<br /><strong>$5.00</strong></li>
<li class="mpl">50 - 199<br /><strong>$3.76</strong></li>
<li class="mpl last">200+<br /><strong>$3.38</strong></li>
</ul>
</div>
</body>
</html>

Obviously, the code is messy.  That's not how it will look when I push
it live, I promise :)

Basically, in IE7, it will at least try to center it, but it doesn't
actually (it's shifted to the side a bit) and in FF, it doesn't move at
all.

I'm sure I am just overlooking something silly, but I've been hacking at
this code for 6 hours now and it's time to ask for help!
______________________________________________________________________
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