Hi!
Ich bastel gerade an dieser Seite und würde gerne das (custom)Menu zentrieren. Aber ich kriege es einfach nicht hin und weiß nicht was ich falsch mache. Habe schon 1000 kombinationen versucht und anleitungen gelesen aber nix klappt. Ich wäre euch super dankbar wenn mir einer helfen könnte!
Hier ist der der CSS code und das menu hat die class=nav
Code
body{
text-align: center;
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
background: #F7F1D7;
color: #000000;
height: 100%;
overflow:hidden;
padding: 0;
margin: 0;
text-align: center;
}
html {
height: 100%;
}
a:link, a:visited{
text-decoration: none;
color: #000000;
}
a:hover{
color: #5f5f5f;
}
h1 {
font-size: 54px;
}
h3 {
font-size: 24px;
}
#wrapper{
margin-top: 0;
margin-right:auto;
margin-bottom:0;
margin-left:auto;
width: 750px;
height: 100%;
text-align: left;
background: #fff;
}
#header{
float:right;
background:#039;
width: 200px;
height: 100px;
overflow:hidden;
}
.nav{
width:300px;
margin: 0 auto;
display:inline;
}
.nav ul{
list-style:none;
text-align:left;
}
.nav li{
margin-top: 10px;
float:left;
position:relative;
}
.nav a{
display:block;
text-decoration:none;
color:#000;
padding:0 15px 10px 0;
font-size:13px;
font-weight:bold;
}
.nav ul ul{
display:none;
position:absolute;
top:100%;
left:0;
float:left;
z-index:99999;
background: #fff;
}
.nav ul ul ul{
top: 30%;
left:100%;
background: #343434;
}
.nav ul ul a{
height:auto;
line-height:1em;
padding:10px;
width:130px;
}
.nav li:hover > a,.nav ul ul:hover > a{
color:#ccc;
}
.nav ul li:hover > ul{
display:block;
}
#blog{
margin: 0 auto;
overflow-y:auto;
overflow-x:hidden;
width: 700px;
height: 90%
}
.sidebar{
float: left;
width: 200px;
margin: 0 0 0 10px;
font-size: 14px;
list-style: none;
}
#footer{
margin: auto;
left:0;
right:0;
bottom:0;
position:absolute;
width: 750px;
height: 30px;
background: #ccc;
}Vielen DANK!
- Anton