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

Nathan

New Member
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.
 

ronaldroe

Super Moderator
Staff member
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.
 

Edge

Member
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..
 

d a v e

New Member
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 :(
 

d a v e

New Member
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.

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.
 

d a v e

New Member
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 :)
 

leroy30

New Member
Let me refactor your question.

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

It's all IE's fault :)
 

ronaldroe

Super Moderator
Staff member
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.

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.
 

GUDVH

New Member
Centering List Items Horizontally (Slightly Trickier Than You Might Think)

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.

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/
 

GUDVH

New Member
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
 

ronaldroe

Super Moderator
Staff member
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!
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:

Edge

Member
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
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.
 
Top