CSS-Menü zentrieren

  • Hallo zusammen.


    Ich habe mir gerade ein kleines CSS-Menü gebastelt. Es gelingt mir aber ums Verrecken nicht, das Menü auf der Seite auf der es angezeigt werden soll zu zentrieren.


    Hier mal der CSS-Teil:


    Code
    1. #navcontainer { margin: 10px 0 0 30px; padding: 0; height: 20px; text-align: center;}#navcontainer ul { border: 0; margin: 0 auto; 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: 100px; height: 20px; border-top: 1px solid #0845A9; border-left: 1px solid #0845A9; border-bottom: 1px solid #0845A9; border-right: 1px solid #0845A9; padding: 0; margin: 0 0 10px 0; color: #0845A9; text-decoration: none; display: block; text-align: center; font: normal 10px/18px Arial, Helvetica, sans-serif;}#navcontainer ul li a:hover { color: #FFFFFF; background: #0845A9;}#navcontainer a:active { color: #0845A9; background: #DFEEFF;}#navcontainer li#active a { color: #FFFFFF; background: #0845A9; border: 1px solid #0845A9;}


    Und hier der HTML-Teil:


    Code
    1. <div id="navcontainer">
    2. <ul id="navlist">
    3. <li><a href="#">Link1</a></li>
    4. <li><a href="#">Link2</a></li>
    5. <li id="active"><a id="current" href="#">Link3</a></li>
    6. </ul>
    7. </div>
  • hy



    versuchsmal so :


    .html


    <link rel="stylesheet" href="test2.css">


    <div id="navcontainer">
    <ul id="navlist">
    <li><a href="#">Link1</a></li>
    <li><a href="#">Link2</a></li>
    <li id="active"><a id="current" href="#">Link3</a></li>
    </ul>
    </div>



    .css



    #navcontainer ul li {
    display: block;
    float: center;
    text-align: center;
    padding: 0;
    margin: 0;



    aaaber hat noch einen kleinen fehler
    gieb mir noch ein bisschen zeit dann habe ich dass auch


    gruss

  • sorry


    du must auf der html seite noch denn link zur css datei machen


    <link rel="stylesheet" href="namedercssdatei.css">

  • habs.


    also du musst noch im css das aendern



    #navcontainer ul li a {
    background: #fff;
    width: 100px;
    height: 20px;
    border-top: 1px solid #0845A9;
    border-left: 1px solid #0845A9;
    border-bottom: 1px solid #0845A9;
    border-right: 1px solid #0845A9;
    padding: 0;
    margin: 10px 0;
    color: #0845A9;
    text-decoration: none;
    display: block;
    text-align: center;
    font: normal 10px/18px Arial, Helvetica, sans-serif;


    }




    gruss