Website looks differnet on IE when on the webserver...

Discussion in 'HTML & Website Design' started by passingTime, Sep 11, 2011.

  1. #1
    I am having problems making a site look the same on IE when uploaded onto my web server to how it looks on my localhost...
    I'm thinking it's my hosting providers fault? I've had problems with them before...

    Please help me i have absolutely no idea what is going on...
    question answered.

    The site hasn't even been finished yet and it's causes such a problem on IE...
     
    passingTime, Sep 11, 2011 IP
  2. elicitservers

    elicitservers Peon

    Messages:
    714
    Likes Received:
    7
    Best Answers:
    1
    Trophy Points:
    0
    #2
    It is a possibility...start with whats missing by comparing the local version to the uploaded one, maybe grab the source of each and run it through a comparison with "diff" in Linux or "WinMerge" in Windows.
     
    elicitservers, Sep 11, 2011 IP
  3. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #3
    Having problems with IE is normal and expected. IE is not a modern browser but, potentially, the problem lies with using the span around the li element. While this is allowed in HTML5 (I need to double check that), only modern browsers will handle that properly.

    Also, validate your CSS. The first few errors are a problem.
     
    drhowarddrfine, Sep 11, 2011 IP
  4. passingTime

    passingTime Peon

    Messages:
    49
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I've checked by removing the span. And my CSS is completely valid, excluding css3 radius/shadow which don't matter if they don't show.

    Also the multiple backgrounds don't validate as they are css3 as well. But no backgrounds were used on the nav which is what's disappearing it seems :(
     
    passingTime, Sep 11, 2011 IP
  5. hotnoob

    hotnoob Member

    Messages:
    96
    Likes Received:
    2
    Best Answers:
    1
    Trophy Points:
    28
    #5
    IE is used by a very large percentage of users, it is in-fact not a minority, therefore it is still technically a modern browser.
    IE has HTML5 and CSS3 support, so neither of your conclusions are remotely viable.

    not to mention that the OP never said he switched browsers.

    As for solutions, chance are that your are just missing a file.

    other than that;
    we would need more information as to exactly how it changes in looks.
     
    hotnoob, Sep 11, 2011 IP
  6. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #6
    Being used by a lot of people does NOT make ANYTHING modern.
    Having some poor support of some portions does NOT make a browser "modern", especially when compared against ANY other browser. See my link below. IE is inept, incompetent, incomplete, and years behind ALL others. Quit making such foolish statements when you don't know what you're talking about.
    Haven't a clue where you're coming from with any of that.
    If he was just missing a file, how come every other browser shows the site correctly?
    Do you not have other browsers at hand? Do you not know how to view the source? Do you not know how to use Firebug?
     
    Last edited: Sep 11, 2011
    drhowarddrfine, Sep 11, 2011 IP
  7. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #7
    @passingTime - What happens when you remove the conditional CSS for IE?
     
    drhowarddrfine, Sep 11, 2011 IP
  8. Rukbat

    Rukbat Well-Known Member

    Messages:
    2,908
    Likes Received:
    37
    Best Answers:
    51
    Trophy Points:
    125
    #8
    Is the directory on your web server CSS or css? If it's a Linux server, they're different. If the real directory name is css, you're missing 4 CSS files (they won't load, but you won't see an error.) On your localhost, which is probably Windows, CSS and css are the same, so you have no problem.
     
    Rukbat, Sep 11, 2011 IP
  9. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #9
    Not the problem because all of his files are listed as being in CSS and all of them are being served.
     
    drhowarddrfine, Sep 11, 2011 IP
  10. passingTime

    passingTime Peon

    Messages:
    49
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    I've tried it. Still nothing...

    This is sooooo weird and annoying :s
     
    passingTime, Sep 12, 2011 IP
  11. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #11
    Repeating, what happens when you remove the conditional CSS? Again, it's annoying but not weird. IE will always be the web developer's nightmare.
     
    drhowarddrfine, Sep 12, 2011 IP
  12. passingTime

    passingTime Peon

    Messages:
    49
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #12
    All i have on that CSS is the background in classes rather then put together using CSS3.
    So all that happens is the background is removed.
     
    passingTime, Sep 12, 2011 IP
  13. passingTime

    passingTime Peon

    Messages:
    49
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #13
    I've always hated IE...
     
    passingTime, Sep 12, 2011 IP
  14. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #14
    But you have it removed now and it works, right? (At least in IE9)
     
    drhowarddrfine, Sep 12, 2011 IP
  15. passingTime

    passingTime Peon

    Messages:
    49
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #15
    No that didn't solve it but thanks for the input.


    The problem was the margin on the content box. It was set to 100px top and that pushed it down lower then the navigation menu. And what the hell IE wasn't registering that 100px.

    So i changed it to padding 100px top on the div it was inside. That worked... IE sucksssss

    So something like this:

    #container {padding-top: 100px;}
    #contentArea {margin-top: 0;}

    <div id="container"></div>

    <div id="contentArea"></div>

    </div>

    instead of this:

    #container {padding-top: 0;}
    #contentArea {margin-top: 100px;}

    <div id="container"></div>

    <div id="contentArea"></div>

    </div>
     
    passingTime, Sep 12, 2011 IP
  16. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #16
    Without looking, sounds like a margin collapse issue.
     
    drhowarddrfine, Sep 12, 2011 IP
  17. passingTime

    passingTime Peon

    Messages:
    49
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #17
    Are there better ways of solving it?

    Right now i'm trying to resolve the problem with IE not reading the jquery zzzzzzzzzzzzz why does it work on the localhost? I have no clue...
     
    passingTime, Sep 13, 2011 IP
  18. passingTime

    passingTime Peon

    Messages:
    49
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #18
    Ok i've gotten everything sorted.

    Thanks for the help everyone.
     
    passingTime, Sep 13, 2011 IP
  19. unknownpray

    unknownpray Active Member

    Messages:
    3,831
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    70
    #19
    In modern IE there is an option of using the browser compatibility at the end of of the address bar so when you make your site live you need to check this before you do anything. Saves you the time of checking in each and every browser.
     
    unknownpray, Sep 15, 2011 IP
  20. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #20
    That's an oxymoron. There is no such thing.
    Any browser that needs a check box to make it work the same as others is NOT a modern browser.
    You save time by checking your work in ANY other browser besides IE. Inept at best, IE is the worst browser on the planet by far.
     
    drhowarddrfine, Sep 16, 2011 IP