Grow your CSS skills. Land your dream job.

weird spacing problem with a nav bar (bug?)

  • # December 3, 2008 at 1:26 pm

    Hi everybody,
    I have this simple test page with just a logo and a menu with list items, nothing special. I did some simple resets in the css, but the menu always have some space above and I am unable to remove it; I’m not even sure where it comes from. Firebug says it’s the ul tag. It’s definitely not a margin/padding problem since I reset those to 0 at the beginning of the css. Take a look at the page in question here. I don’t really want to have the nav bar at the top (I would have put some negative margins) but I want to remove that space so that I can manage margins and paddings (mostly paddings) better and not add a pixel here and a pixel there so that everything looks good and aligned the way I want.

    I’ve tried a lot of things to remove the space above the little menu but I’m beginning to believe it’s impossible; is that a bug?

    I’ve asked in the #css irc channel in Freenode and a person answered me that…well I quote:

    Quote:
    < riven> AzizLight: ugh, I don’t often say this, but I don’t have a friggin’ clue what the hell is doing that.

    Basically no one was able to give me an answer there, so here I am asking for your help.
    Does anybody have a clue about what is happening please?

    Rob
    # December 3, 2008 at 3:54 pm

    Ok this is mental… there is no logic…

    Exact same code here:

    http://svgonline.co.uk/mad/

    and it works… :o

    # December 3, 2008 at 6:32 pm

    It works indeed lol.
    I don’t know what is happening. Anyway I rewrote the code from scratch (structure inspired by one of chris’ the videos – the one on creating a wordpress theme I think) and it also worked. Anyway, if I manage to reproduce the bug, then I’ll try to find some logic in it to find also the source of the problem.

    Thanks for the help

    Aziz Light

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".