neutrall Level: Scholar

 Registered: 28-03-2004 Posts: 43
|
Help for centering a Menu List...
I'm currently building a horizontal menu on my site, the only proble, I can only get it to aligne to the left side of the screen on every browser except IE.
Here some code :
This is the menu code :
<div class="centeredColum">
<ul id="udm" class="udm">
<li><a href="#">Base</a></li>
<li><a href="#">Attack</a></li>
<li><a href="#">Forest</a></li>
<li><a href="#">Shops</a>
<ul>
<li><a href="#">Buildings</a></li>
<li><a href="#">Weapons</a></li>
<li><a href="#">Defences</a></li>
<li><a href="#">Spy Tools</a></li>
<li><a href="#">Sentry Tools</a></li>
<li><a href="#">Thief Tools</a></li>
<li><a href="#">Guard Tools</a></li>
</ul>
</li>
<li><a href="#">Arena</a></li>
<li><a href="#">Upgrade Center</a></li>
<li><a href="#">Logs</a>
<ul>
<li><a href="#">Attack Logs</a></li>
<li><a href="#">Intelligence Logs</a></li>
<li><a href="#">Security Logs</a></li>
</ul>
</li>
<li><a href="#">Messages</a></li>
<li><a href="<?php echo $_SERVER['PHP_SELF']; ?>?action=logout">Logout</a></li>
</ul>
</div> |
And this is the class I have to center my column :
.centeredColum {
width:685;
height:30px;
margin:0 auto;
margin-left:expression( (document.body.clientWidth - 685) / 2 + 'px');
} | `
Any Idea on how to make it work on Firefox, Opera, Netscape and Mozilla?
____________________________
A Stick give a wise man something to think about... and a fool, something to put in is mouth.
|