Hi all,
first post here so if i dont get the netiquette spot on, I apologise.
I have a div that contains a UL. The UL is a menu, with the LI floated left to
ensure that the list displays horizontally instead of vertically (I am sure you
know what i mean). I need to get this UL to align to the center of the div -
that is, its a liquid design and the ul should be screen centered at all times.
I know there are a million tutorials on the web about centering in CSS, but
none of the suggested things seem to work. Can anyone take a look for me?
Here is the code used (or part of). Am i missing out anything blatantly obvious?
Thanks in advance
Stu.
<style>
/* footer styles */
#footer{background:#CC0033;font-size:.70em;height:30px;margin-top:36px;width:100%}
#footer ul {list-style: none; padding: 0; margin: 8px 0 0 0 }
#footer li {float: left; padding-left: 8px; color: #ffffff; font-weight: bold}
#footer a {color: #ffffff; font-weight: bold; text-decoration: none}
#footer a:hover {text-decoration: underline}
</style>
<div id="footer">
<ul>
<li><a href="#">about dabs</a></li>
<li>|</li>
<li><a href="#">contact us</a></li>
<li>|</li>
<li><a href="#">delivery changes</a></li>
<li>|</li>
<li><a href="#">[EMAIL PROTECTED]</a></li>
<li>|</li>
<li><a href="#">terms & conditions</a></li>
<li>|</li>
<li><a href="#">disclaimer</a></li>
</ul>
</div>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
