Why doesn't my website render correctly on Internet Explorer 8?

Discussion in 'Web Design' started by Nathan, Sep 3, 2013.

to remove all ads.
  1. Nathan

    Nathan New Member

    Messages:
    2
    I'm learning HTML/CSS and have tried making some changes to my website.

    When I open my website (which I have edited) on IE, the follow us doesn't sit flush in line with the yellow box like it does on other browsers. I can't seem to see why this is.. am I suppose to do anything to make it work on IE?

    Thank you.
     
  2. ronaldroe

    ronaldroe Super Moderator Staff Member

    Messages:
    1,223
    I have to pose a better question: Have you looked at your analytics or site logs to see if it's even worth wasting your time on? Most of the time, IE8 and below visitors are so rare it doesn't matter.
     
  3. Edge

    Edge Member

    Messages:
    461
    Windows XP only supports up to IE8 so there may be mileage in a couple of tweaks to get things looking right assuming your analytics back this up. You'll notice the two sections of your site that IE 8 struggles with lie within the nav and footer elements which are html 5 elements which IE8 doesn't support. You can use HTML5 Shim on your site to get IE 8 to play ball.

    We recently had to build a site for a public sector organisation and they all used IE8 - painful..
     
  4. d a v e

    d a v e New Member

    Messages:
    671
    i only have iestester to check in but the social icons are HUUUGE.

    to behonest - aprt from that - if the site works and isn't quite lined up then you have to ask whether it's worth it. the answer unfortunatley might be yes :(
     
  5. Edge

    Edge Member

    Messages:
    461
    If you have the latest version of IE then you should be using that to test not IE tester. You can set IE to render as IE7, 8 or 9 if you want - F12.
     
  6. d a v e

    d a v e New Member

    Messages:
    671
    lol you're right but because i only ever IE to test with and never to use as a browser then i forget :)

    also it would help if the OP stated which versions of IE it is failing in so we can replicate the error.
     
  7. Edge

    Edge Member

    Messages:
    461
    'Why doesn't my website render correctly on Internet Explorer 8?' is the give away ;)
     
  8. d a v e

    d a v e New Member

    Messages:
    671
    omg this is what happens when you (mis)read forum messages and reply to them at work! i think i'll just slink away in embarrassment ...

    i'm so used to posters saying IE but not stating which version that i'm blinded.

    anyway i'm on a mac here at work so i'm no use to anyone :)
     
  9. leroy30

    leroy30 New Member

    Messages:
    485
    Let me refactor your question.

    "Why doesn't internet explorer render my website correctly".

    It's all IE's fault :)
     
  10. ronaldroe

    ronaldroe Super Moderator Staff Member

    Messages:
    1,223
    Not completely. Current versions of IE will use their own JS rendering engine no matter what version you set it to in F12. If you're just testing a layout, it's fine, but any more than that, and you're not getting a complete test.
     
  11. GUDVH

    GUDVH New Member

    Messages:
    45
    Centering List Items Horizontally (Slightly Trickier Than You Might Think)

    Replace your existing with the followings:

    <nav class="main">
    <ul>
    <a href="contact.html">Contact</a>&nbsp;&nbsp;
    <a href="fees.html">Fees</a>&nbsp;&nbsp;
    <a href="products.html">Products</a>&nbsp;&nbsp;
    <a href="services.html">Services</a>&nbsp;&nbsp;
    <a href="about.html">About</a>&nbsp;&nbsp;
    <a href="index.html" id="active">Home</a>
    </ul>
    </nav>

    OR, this page can help you clearify & fix your problem: http://css-tricks.com/centering-list-items-horizontally-slightly-trickier-than-you-might-think/
     
  12. Phreaddee

    Phreaddee Super Moderator Staff Member

    Messages:
    1,978
    why would you add the &nbsp;&nbsp; after the li. that just seems pointless.
     
  13. chrishirst

    chrishirst Well-Known Member Staff Member

    Messages:
    2,662

    What <li>s ?????

    As said before to GUDVH ... Don't give up the day job.
     
  14. Edge

    Edge Member

    Messages:
    461
    Holy smoke - a <ul> with no <li>s in it...
     
  15. Phreaddee

    Phreaddee Super Moderator Staff Member

    Messages:
    1,978
    haha!
    yes what li's

    stupidly I assumed that they'd be there.
     
  16. GUDVH

    GUDVH New Member

    Messages:
    45
    Simplicity ...

    I like doing things the SIMPLE ways. I get from A to B using a straight line, and I get there quick.

    My ways get me there, solve my current dilemma, and so I can move on to new & exciting adventure w/o wasting time on things that do not need anymore time invested in.

    No one agree with my ways of problem solving solution. BUT, hey, the browsers seem to take into consideration of the coding of my website just fine... and we'll leave it at that, and move on.... while those who like to do things the hard ways, go ahead, it's your time wasted not mine!

    GUDVH,
    A new approach to answers... :p
     
  17. GUDVH

    GUDVH New Member

    Messages:
    45
    Works for Me!

    It seems pointless to you, BUT, it WORKS for ME!..... :eek: .. :p
     
  18. chrishirst

    chrishirst Well-Known Member Staff Member

    Messages:
    2,662
    Well it would, given that you have NO LIST ITEMS in A LIST ELEMENT!!!!!!
     
  19. ronaldroe

    ronaldroe Super Moderator Staff Member

    Messages:
    1,223
    You keep mentioning faster, easier, simpler. You forgot to mention wrong, incorrect, not according to spec.

    http://www.w3.org/TR/html401/struct/lists.html#h-10.2
    <li> are required in a list for list items.

    Web coding is an exercise in meeting standards. You don't just make up your own rules. They're languages with syntaxes. It "works" because browser makers don't want to penalize your lack of compliance. That doesn't mean you shouldn't know and follow the spec. Why in God's name would you even use <ul> and just put links inside? Any other block-level container would do just the same, and your links won't behave like list items because they aren't.

    I thought Chris was being a bit harsh with his "don't quit your day job" comment. I thought to myself that you just needed a little education, but I see he was right. Even in the face of education, you remain hopelessly wrong.

    And BTW, it's a heck of a lot easier to type <li> and </li> than it is &nbsp;&nbsp; especially with Emmet (formerly Zen Coding), where I can just type li and hit tab...
     
    Last edited: Sep 9, 2013
  20. Edge

    Edge Member

    Messages:
    461
    There is nothing 'simple' about your solution. Adding in &nbsp; and using a <ul> without any <li> s in it is both lazy and pointless. 10 years ago everybody realised that separating out presentational elements from the page and keeping them in a CSS file made management of a website a lot easier - where have you been? There's also another reason to use standards compliant code - the results are much more predictable across a variety of platforms.

    You may have got it to work this time round but please don't go round recommending your garbage code to others who come here to learn.
     

Share This Page