XHTML & CSS Website - Just 1 problem :(

Discussion in 'HTML & Website Design' started by ps00n™, Jan 26, 2008.

0
  1. #1
    Hi people I'm new here ^^

    I was on another forum before but it kinda died out, so hopefully I can get bucket loads of help here now ;p

    I'm currently building a website, and I'm almost done with the template but I just have one problem.

    The website:
    » nupixel.net/files/ux-move.com/move.php

    The CSS:
    » nupixel.net/files/ux-move.com/style.css

    (sorry I don't have hyperlink features yet)

    The navigation (#navigation) disappears in Internet Explorer! :(
    I've checked the site across other browsers (Firefox, Safari) and everything seems to be fine, the navigation doesn't disappear.

    I've tried using XRAY plugin for Firefox and Internet Explorer, but no luck.

    I'm a bit of a noob at CSS, as this is actually my first real website done with divs (yeah I was a TABLE TR TD freak before ;p), so can someone please check over the site and advise me on what I might be doing wrong?

    I appreciate your help ^_^
    ps00nâ„¢

    Btw sorry! I didn't realise there was a sub-forum for CSS, admin please move the thread >_<
     
    ps00n™, Jan 26, 2008 IP
  2. fairuz.ismail

    fairuz.ismail Peon

    Messages:
    232
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I open your site in IE7 and it works fine..plus I cant locate your css files with the given link..
     
    fairuz.ismail, Jan 26, 2008 IP
  3. twistedspikes

    twistedspikes Notable Member

    Messages:
    5,694
    Likes Received:
    293
    Best Answers:
    0
    Trophy Points:
    280
    #3
    Might be IE6 that is the problem. I checked in IE7, but it's okay. Can't check in IE6 till I get home tomorow.
     
    twistedspikes, Jan 26, 2008 IP
  4. EIx

    EIx Peon

    Messages:
    170
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #4
    #header {
    background-image: url('images/lay-header-bg.jpg');
    background-repeat: repeat-x;
    width: 950px;
    height: 132px; }

    Pls increasing height of #header:)
     
    EIx, Jan 26, 2008 IP
  5. TechnoGeek

    TechnoGeek Peon

    Messages:
    258
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #5
    The style sheet URL is:

    nupixel.net/files/ux-move.com/stylesheet.css

    I tested your site with IE6. If what you call "#navigation" is the navigation bar that features "Home", "Sales", "Lettings", etc., for me it works OK. ;-)

    Good luck in this forum.
     
    TechnoGeek, Jan 26, 2008 IP
  6. ps00n™

    ps00n™ Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Thanks a lot for your replies!

    I can't believe I made such a stupid error lol.. I had #header set to 132px height, which would have been correct if I didn't place #navigation WITHIN #header -.-''

    So solution was to either increase the height of #header (as suggested by EIx) to accommodate for the #navigation, or simple put #navigation outside of the #header :)

    Site looks fine in all browsers now, not bad for a first website eh ^_^ Solved!

    Thanks for helping :D
    ps00nâ„¢
     
    ps00n™, Jan 28, 2008 IP