Navigation in der Mitte unten (ul-li)

Status
Nicht offen für weitere Antworten.
G

Gunah

Erfahrenes Mitglied
Moin,

ich stehe gerade vor folgendem Problem,

ich möchte im Footer der Seite ein Menu haben, dieses ist bisher gefloatet und daher dann natürlich links... er sollte aber in der Mitte Sein...:
weiss eine von euch Rat, wie man das Umsetzten kann?

HTML: 
#footer {
    margin: auto;
    border-top: 1px solid #cfd2d6;
    background-color: #FFFFFF;
    overflow: hidden;
    height: 41px;
    width: 949px;
    text-align: center;
}
#footer ul {
    text-align: center;
    display: block;
    padding: 13px;
    margin: 0px auto;
    list-style-type: none;
}
#footer ul li {
    float: left;
}
#footer ul li a {
    color: #717a8c;
    display: block;
}

Gruß
Gunah
 
Hallo Gunah,

ich weiß nicht, ob Dir das helfen wird, aber wenn ich Deinen Text richtig verstanden haben, könnte es klappen.

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
#footer {
    margin: auto;
    border-top: 1px solid #cfd2d6;
    background-color: gray;
    overflow: hidden;
    height: 41px;
    width: 949px;
    text-align: center;
}
#footer ul {
    text-align: center;
    display: block;
    padding: 13px;
    margin: 0 auto;
    list-style-type: none;
}
#footer ul li {
    float: left;
}
#footer ul li a {
    color: #717a8c;
    display: block;
}
.menu {
	width:200px;
	background-color:blue;
	margin:auto;
}
</style>
</head>

<body>
<div id="footer">
	<div class="menu">
    	<ul>
        	<li>test</li>
            <li>test2</li>
        </ul>
    </div>
</div>
</body>
</html>

Gruß

Torsten
 
Hi,

falls, wie in Gunahs Quellcode-Vorgabe, keine fixe Breitenangabe erwünscht ist, empfehle ich Stu Nicholls' zweite Varaiante (a centered floated left menu (unknown width)) in seinem Demo Centering Float Left Menus.

mfg Maik
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück