The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

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:

    Happy new year everybody!

    Thanks for the help,


    # 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

    This reply has been reported for inappropriate content.

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

    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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed