Help fix my site's CSS

Discussion in 'HTML & Website Design' started by moshimoshi52, Oct 9, 2007.

  1. #1
    Hi, I'm working on a website for an architecture class. There seems to be some problems when I resize the browser window, and I believe it's a problem with my stylesheet. When I resize the window in Firefox, everything looks OK. However, when I resize in Internet Explorer, it bumps the navigation bar onto the next line (instead of keeping it in the original format). Any ideas?

    Thanks!

    http://online.caup.washington.edu/courses/arch503ethiopia/

    CSS:
    http://online.caup.washington.edu/courses/arch503ethiopia/main.css
     
    moshimoshi52, Oct 9, 2007 IP
  2. ecreate

    ecreate Peon

    Messages:
    25
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Try a fixed width for #nav.
     
    ecreate, Oct 10, 2007 IP
  3. MetaCipher

    MetaCipher Peon

    Messages:
    55
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Do what he says: or more specifically, 796px. Also, your span tag is pretty useless (just put the style on the div tag), and you may also want to put a <br /> after <a href="devo/index.php" title="Development"><img src="images/devo.jpg" alt="Development" /></a>.

    And, I noticed you're going for strict validation. If that is the case, you aren't passing. Remember to close certain tags, such as your link tag, and br tags. They are self closing.

    Also, in your links, the ones with mailto, you aren't allowed to have spaces in the urls. Try using a + instead of a space. And the last thing would be to add a ; after your &nbsp.
     
    MetaCipher, Oct 11, 2007 IP
  4. moshimoshi52

    moshimoshi52 Peon

    Messages:
    56
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Thanks! I'll give it a try.
     
    moshimoshi52, Oct 11, 2007 IP