mein menü verrutscht

    hi

    ich mach gerade eine neue homepage und habe ein problem.


    <html>
    <head>

    <style>
    body {
    scrollbar-face-color: 000000;
    scrollbar-shadow-color: ff0000;
    scrollbar-highlight-color:ff0000;
    scrollbar-3dlight-color:000000;
    scrollbar-darkshadow-color:000000;
    scrollbar-track-color:000000;
    scrollbar-arrow-color:ff0000; }
    </style>

    <style type="text/css">
    <!--
    body {
    font-family:arial,sans-serif;
    font-size:10pt;
    }

    body {
    background-color: #000000;
    }
    a:link, a:visited, a:active, a:focus {
    color:#ff0000;
    text-decoration: none;
    }

    a.cssmenu:link {
    width : 100px;
    color : black;
    background-color : #ff0000;
    text-align : center;
    text-decoration : none;
    font-size : 12px;
    border-top : 1px solid silver;
    border-right : 1px solid black;
    border-left : 1px solid silver;
    border-bottom : 1px solid black;
    padding-top : 2px;
    padding-right : 4px;
    padding-left : 4px;
    padding-bottom : 2px;
    margin-top : 30px;
    margin-right : 10px;
    }

    a.cssmenu:visited {
    width : 100px;
    color : black;
    background-color : #ff0000;
    text-align : center;
    text-decoration : none;
    font-size : 12px;
    border-top : 1px solid silver;
    border-right : 1px solid black;
    border-left : 1px solid silver;
    border-bottom : 1px solid black;
    padding-top : 2px;
    padding-right : 4px;
    padding-left : 4px;
    padding-bottom : 2px;
    margin-right : 10px;
    }


    a.cssmenu:hover {
    width : 100px;
    color : #ff0000;
    background-color : #0000ff;
    text-align : center;
    text-decoration : none;
    font-size : 12px;
    border-top : 1px solid silver;
    border-right : 1px solid black;
    border-left : 1px solid silver;
    border-bottom : 1px solid black;
    padding-top : 2px;
    padding-right : 4px;
    padding-left : 4px;
    padding-bottom : 2px;
    margin-right : 10px;
    }

    //-->
    </style>
    </head>

    <div align="center">
    Home
    About me
    Photos
    Videos
    Contact
    </div>

    <hr>


    <body style="background-color:#000000;">
    <font color="#ff0000"><div align="center">
    <font size="+2"><u>2007:</u>


    Italy


    England


    Austria

    </font>


    </body>
    </html>


    das problem ist, wenn ich mein browserfenster kleiner mache, rutschen mein text
    und mein menü untereinander. ich möchte die page fixiert haben, also wie mach ich das ?

    danke schon im
    voraus

    Versuch mal dem div container, der die Navigation beinhaltet, eine feste Breite zuzuweisen

    es geht, danke !!
    allerdings hab ich ein kleines problem
    wenn ich align center zuweiße ist es zwischen left und center, wenn ich es auf right setzt ist es ca. in der mitte.
    weiß jemand von euch wieso ?

    eigentlich solltest du gar kein align mehr angeben müssen, das sollte das margin:auto machen. Für den IE musst du glaubich noch mit CSS body die Eigenschaft text-align:center zuweisen, dann ist das auch da zentriert.
    Olli