Question

I have a CSS problem centering my navigation div and have tried many methods from the internet, but all in vain.

The link to the website is: http://trendgfx.com/projects/comet-tavern/

I’ve set it to center for my resolution (1280×1024) for now, but I don’t know what to do to center it automatically! I’ve tried the most popular method:

div {
    margin: 0 auto;
    text-align: center;
}

I’ve also tried the other method:

div {
    width: 960px;
    margin-left: 50%;
    margin-right: 50%;
}

I’ve also tried the other ‘frowned upon’ method:

<center>[nav goes here]</center>

It didn’t work, weirdly. I know it’s dead in HTML5, but I was hoping it would do the trick! I really need to complete this project by July the 28th, so please help me, the gods of StackOverflow! 🙂

Thank you so much!

Answer 1

This workd for me:

#navigation {
    margin: 0 auto;
}

position: absolute; was messing it up