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

Webpage looks good in IE but not in FF3

  • Hi I'm new to this forum also new to CSS.

    I really need some help with my CSS , I've created it and I don't really seem to understand why
    IE shows the webpage as i designed it and FF3 doesn't show how I created it at all.

    I've uploaded the webpage to test it ,if you open it with IE it is like I designed it, when
    opening with FF3 It doesn't look good at all.

    If you want to take a look this is the link to the page
    http://www.southbridgeict.com/testaward ... /index.htm

    I have added my style sheet , If someone please can help me to correct it so it will work properly in FF3, please do.

    Donovan
  • Just had a quick look, first thing, you shouldn't use "&nbsp;" and "<br /" as tools to help in design. That should all be done in the CSS.

    It looks relatively normal for me in Safari and FF3 (both on Mac). What specifically isn't right?
  • ok that's clear than. But in IE the page looks like this http://www.southbridgeict.com/testawards/IE.jpg thats the correct lay out to me. The image should be under the menu bar. But FF3 doesn't show this bar at all.
    In FF3 it looks like this http://www.southbridgeict.com/testawards/FF3.jpg, if I remove the %nspb & BR , it doesn't help at all. Still don't seem to get what i'm doing wrong.
  • #menu li a:hover { background-color: #333; color: #9c0; height: 20px; }
    }

    Remove the extra closing bracket.

    Then create this:
    #menu {
    width:800px;
    height:25px;
    }


    There are numerous things going on wrong within both the CSS and HTML, but they were far too many for me to be able to squeeze in during work. Good luck.