Hey guys! It's been a really long time since i last posted on the forums!

Anyhow, I've got a sort of question to ask that's stumping me. I've looked over this 3 or 4 times but i just need another pair of eyes.

so im trying to get the nav to center, but it won't move down.

Here's the code..

#nav{
    width:80%;
    height:50px;
    margin:0 auto;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
    background: #45484d; /* Old browsers */
    background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
    background: linear-gradient(top, #45484d 0%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
#nav li{
    display: inline;
    margin:50px;
}

And here is an image of what it's doing...
Click Here

Recommended Answers

All 2 Replies

You can apply padding. How about providing te HTML to help reproduce the page?

you can use #nav{margin-top:100px; /*or*/ margin:100px auto;/*this will put your nav in center of the page and bring down the nav by 100px*/}

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.