FishermansFriend: CSS: Menu in die Bildschirmmitte bringen

Hallo Miteinander,
ich wäre froh, wenn ich mal eure Hilfe bekommen dürfte. Zwar möchte ich mein CSS-Menu in die Bildschirmmitte ausrichten, was mir nicht gelingt.

Zudem ist noch ein kleiner Schönheitsfehler drinnen: http://img66.imageshack.us/img66/3425/cssproblj2.jpg

Warum ist eigentlich das Wort "test" nicht linksbündig worden?
Gibt es vielleicht noch eine schlaue Lösung, damit ich das Menu auf eine Gesamtbreite fixieren kann? Also das es genau 760px breit ist?

Quelltext:~~~html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">

<html>
        <head>
                <title>---titel---</title>
                <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  
                <style type="text/css">  
<!--  
/* CSS Tabs */  
#navcontainer {  
        margin: 1px 0 0 0px;  
        padding: 0;  
        height: 20px;  
}  
  
#navcontainer ul {  
        border: 0;  
        margin: 0;  
        padding: 0;  
        list-style-type: none;  
        text-align: center;  
}  
  
#navcontainer ul li {  
        display: block;  
        float: left;  
        text-align: center;  
        padding: 0;  
        margin: 0;  
}  
  
#navcontainer ul li a {  
        background: #fff;  
        width: 151px;  
        height: 18px;  
        border-top: 1px solid black;  
        border-left: 1px solid black;  
        border-bottom: 1px solid black;  
        border-right: none;  
        padding: 0;  
        margin: 0 0 10px 0;  
        color: #f5d7b4;  
        text-decoration: none;  
        display: block;  
        text-align: center;  
        font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;  
}  
  
#navcontainer ul li a:hover {  
        color: #930;  
        background: #f5d7b4;  
}  
  
#navcontainer a:active {  
        background: #c60;  
        color: #fff;  
}  
  
#navcontainer li#active a {  
        background: #c60;  
        border: 1px solid #c60;  
        color: #fff;  
}  
-->  
</style>
~~~~~~html
  
        </head>  
  
        <body style="margin-top: 1px;">  
<div align="center">  
<div style="border: 1px solid black; width: 760px; text-align:center;"><img src="images/header02.jpg" alt=""/></div>  
                <div id="navcontainer" style="widht: 760px; float:center;">  
                        <ul id="navlist">  
  
<li><a href="index.php?seite=start.php">Home</a></li>  
<li><a href="index.php?seite=zug">Zug</a></li>  
<li><a href="index.php?seite=rttgrs">RTTG RS</a></li>  
<li><a href="index.php?seite=pictures">Pictures</a></li>  
<li style="border-right: 1px solid black;"><a href="index.php?seite=login">Login</a></li>  
  
                        </ul>  
                </div>  
  
  
<div style="border: 1px solid black; margin-top: 1px; width: 760px; height: 500px;">  
test  
</div>  
<div style="border: 1px solid black; margin-top: 1px; width: 760px; height: 20px; font: normal 10px/18px Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;">  
admin@------ - Website by -------------  
</div>  
</div>  
        </body>  
</html>
~~~  
  
Besten Dank!
  1. Hallo FishermansFriend

    Sorry, ich habe jetzt zwar nicht den ganzen Code studiert (weil er vermutlich sowieso viel zu kompliziert ist, um zu bewerkstelligen, was du willst), aber "vom Schiff aus" würde ich mal sagen:

    CSS:

      
    #menucont {  
     text-align: center;  
    }  
    #menu {  
     margin: 1px auto 1px auto;  
     text-align: center; /* es sei denn, du willst den text zentriert */  
     <weitere styles>  
    }  
    
    
      
    HTML:  
    <div id="menucont"> <!--nur nötig wegen sche**s IE-->  
    <div id="menu">  
    <a href="#>Item 1</a> <a href="#>Item 2</a>  
    </div>  
    </div>  
    
    

    Gruss
    Adi K.