Navigation Bar won’t align

  • Hello all!

    my blog is https://www.herospy.com

    I’m guessing this is simple css that’s caused me so much problem and I’m sure I’m missing something super obvious, if that is the case please point it out for me.

    The navbar at the top of my page wont align properly. If you take a look it is terribly clear what I mean. I had this working a couple of days ago but Safari would display my page right so I began to tweak and I’m afraid I tweaked to far.

    When I remove the border on the left of the navbar it seems to almost fix the problem.

    Can anyone tell me what I’m doing wrong?

Viewing 2 replies - 1 through 2 (of 2 total)

  • Try this. I can only confirm it works in firefox, and can’t put a finger on what caused it. (unless it was the addition of the 3px border itself)

    #suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:40px;
    padding:0;
    border-top:3px solid #ffffff;
    border-left:3px solid #ffffff;
    border-right:3px solid #ffffff;
    margin:0 -3px;
    width:940px;

    }

    Thread Starter twigrat

    (@twigrat)

    I have tried that one. But I tried it again because it really seems like it should work, but if you look close, on the right hand side it still is not perfectly aligned.

    Any other ideas out there?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Navigation Bar won’t align’ is closed to new replies.