Grow your CSS skills. Land your dream job.

Problem with header

  • # January 1, 2009 at 3:03 pm

    Hi there everyone. I followed three screencasts of CSS Tricks (photoshop mockup).

    It was great, it answered so many question for me that I have been wondering for god knows how long xD.

    Well I only came across one problem, the header of my website "fell down" and I am not too sure why.

    Here is a live link: http://sunny-shah.co.uk/problem

    Happy new year everybody!

    Thanks for the help,

    Sunny

    # January 1, 2009 at 4:21 pm

    I actually was going to make a post about this too. I was following the screencast about designing your own WP themes(number 26 & 27). I can’t seem to figure out why it is doing this. I don’t have a live site though. I’m using a local WP install.

    I did notice that when i add a div around the post area that it drops down, but when i delete the div the header is still dropped down like this.

    I only noticed this in FF3 and in every other browser this doesn’t happen.

    Are you using FF3? did you test it on other browsers?

    # January 1, 2009 at 5:15 pm

    I tested this on every browser and it still happens

    # January 1, 2009 at 7:08 pm

    The list items themselves are still blocks, which is causing that pushdown. Try adding this

    Code:
    ul#nav li {
    display: inline;
    }
    # January 1, 2009 at 8:02 pm

    Great it worked!!! WOohoo thank you so much Chris!

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

You must be logged in to reply to this topic.

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