Menü in die Mitte (center)

1. offizieller Beitrag

    Hallo Liebes Forum,
    ich bin neu hier und habe eine Frage:

    Wie Bekomme ich mein Menü Mittig ?

    HTML CODE:
    <center><div id="menu">
    <ul>
    <li class="topmenu">
    <a href="">Startseite.html</a>
    <ul>
    <li class="submenu"><a href="">Unterpunkt 1.1</a></li>
    <li class="submenu"><a href="">Unterpunkt 1.2</a></li>
    </ul>
    </li>
    <li class="topmenu">
    <a href="">Fertige Projekte</a>
    <ul>
    <li class="submenu"><a href="">Währungsrechner</a></li>
    <li class="submenu"><a href="">Unterpunkt 2.2</a></li>
    </ul>
    </li>
    <li class="topmenu">
    <a href="">Logout</a>
    </li>
    </ul>
    </div>
    </center>


    CSS CODE:

    #menu {
    text-align: center;
    font-family: Gotham;
    font-size: 20px;
    color: #797979;
    margin: 0 auto;
    }


    #menu ul {
    list-style-type:none;
    list-style-image:none;
    margin:0px;
    padding:0px;
    }


    #menu li.topmenu {
    float:left;
    }


    .topmenu a {
    float:left;
    width:auto;
    text-align:center;
    }


    .topmenu ul{
    display:none;
    }


    .topmenu a, .submenu a{
    padding:1px 5px;
    border-collapse:collapse;
    color:#797979;
    font-weight:bold;
    text-decoration:none;
    margin:0;
    }


    .submenu a{
    font-size:15px;
    width:auto;
    position:relative;
    clear:both; /* special IE6 */
    }


    #menu a:hover, .topmenu.on a {
    color:#4C4C4C;
    background-color:#ffddbb !important;
    }


    .topmenu:hover ul {
    display:block;
    z-index:500;
    }


    Zum veranschaulichen habe ich noch ein Screenshot der aktuellen Lage gemacht.

    Über eure Hilfe würde ich mich freuen !

    Gruß

    Versuch mal das in die css datei an den anfang zu setzen

    #centered {
    border:0px solid silver;
    padding:20px;
    position:fixed;
    width:300px;
    top:0px;
    left:50%;
    margin-left: -212px;
    }


    musst aber ein bisschen mit den pixeln experementieren.


    und hier dann im body bereich jenachdem wo du das menü haben willst
    <div id="centered"> MENUE CODE </div>