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

Forums

Illustration by Nick Sirotich

Weird menu and missing background

  • Kralle
    Permalink to comment #
    Hello!

    I have made this website for my father, and I tested it in Chrome, Safari and Firefox, but since I'm on a Mac, I don't have access to Internet Explorer. I then run the website through IE NetRenderer and found out, that the background in the sidebar is missing in all versions, and it seems like the menu is completely screwed in IE6 and IE7.

    Does anyone have a solution to these problems? :-) I honestly don't know what's wrong, and I'm having a hard time testing, since I only own a Mac.

    Thanks in advance,
    Kralle
  • michaeloneill
    Permalink to comment #
    Ive looked at it in IE9 and its fine. Dont have any older versions. Hope this helps.
  • clokey2k
    Permalink to comment #
    I can see the issues in IE7, a few of the 'div's are collapsing - something that I am not sure how to fix. It is probably related to floated items.

    Your navigation menu is appearing at the top of the header in IE also.

    Sorry I'm of no more help.
  • chrisburton
    Permalink to comment #
    @michaeloneill, if you hit F12, there are options to choose IE7 Mode or IE8 Mode.
  • Kralle
    Permalink to comment #
    @michaeloneill. Thanks, I was expecting it to work in IE9, hehe.

    @clokey2. Yes exactly, and it annoys me. Is it the #topinfo div that interacts with the menu?

    Does anyone have a solution to this problem?

    Thanks in advance,
    Kralle
  • clokey2k
    Permalink to comment #
    I think it's due to where you are clearing the floats. You have several floats in the '#header', but you clear it after the '#header' has been closed - maybe IE is able to collapse it. The same with '#content'.

    Try moving your clearing 'div' inside the '#header' and '#content' blocks. I can then check again in IE...
  • Kralle
    Permalink to comment #
    I apologize for not responding, clokey2k. I made the decision to make an image of #topinfo, set it to absolute positioning inside a relative positioned wrapper. This made it look fine. :-)

    Thanks for your help though!

    I'm about to make the front page more fancy in terms of adding a few images and a couple of columns. It looks like people are scared off with so much text.

    Best regards,
    Kralle
Add a Comment