MainMenü Breite automatisch

    habe in einem Design eine fixe Breite eingerichtet und wollte das MainMenü so haben das es immer über die gesamte Breite geht. Sich also die einzelnen menüpunkte von der Breite her anpassen und ausrichten... wäre sowas möglich ? Oder aber - wie zentriere ich das ganze Mittig? (Admins haben im Menü ein Butten mehr als Standart-User)


    Derzeit hab ich es wie folgt:



    .mainMenu > ul > li.active > a {
    background-repeat:no-repeat;
    background-position: center;
    width: 108px !important;
    margin-top: 5px !important;
    }


    .mainMenu {
    min-height:30px;
    margin-top: -25px !important;
    }


    .mainMenu > ul {
    border-radius: 7px 7px 0 0;
    border-top: 2px solid #FDDD87;
    border-left: 2px solid #FDDD87;
    border-right: 2px solid #FDDD87;
    border-bottom: 2px solid #FDDD87;
    }

    Das #mainMenu benötigt die gleiche Breite wie der Inhaltscontainer #main

    Code
    #mainMenu {
 width: 80%;
margin: 0 auto;
}
#main {
 width: 80%;
margin: 0 auto;
}

    Wenn du willst, dass sich die Menüpunkte automatisch anpassen, darfst du ihnen natürlich keine Breite zuweisen.

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!

Register Yourself Login