FishermansFriend: CSS: Menu in die Bildschirmmitte bringen

Beitrag lesen

SELF-Forum

CSS: Menu in die Bildschirmmitte bringen

FishermansFriend
– Informationen zu den Bewertungsregeln

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!
Beitrag melden
–
Informationen zu den Bewertungsregeln