treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Problem with header

  • 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
  • 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?
  • I tested this on every browser and it still happens
  • The list items themselves are still blocks, which is causing that pushdown. Try adding this

    ul#nav li {
    display: inline;
    }
  • Great it worked!!! WOohoo thank you so much Chris!