Hi everyone,

 

I am building a website at the moment but I am having serious problems getting the homepage to render in IE. It works fine in FF,Opera, Chrome and Safari but in IE it doesnt seem to show anything below the header, I have checked and the html is valid.

 

 

If anyone can offer any advice on what is going on I would really appreciate it.

 

site is www.kathrynzawila.com

 

Many thanks in advance,

 

Mark

Edited January 30, 201115 yr by zagg77

You have a couple of typos in your gallery_styles CSS see CSS validation

 

Don't know if that will sort your problem?

 

line 44 postion => position
line 46 marging => margin

Edited January 30, 201115 yr by NeRo

I stopped developing for IE! CSS3 & HTML5 are the way forward imo.

Thanks for the prompt reply, I corrected CSS but problem still persists

Check your IE only targeting you've got the end tag before the start

Check your IE only targeting you've got the end tag before the start

thanks for the reply mteam, but not sure what you mean when you say i've got the end tag before the start

hey ignore my last post, being a bit thick i get you mean now

I stopped developing for IE! CSS3 & HTML5 are the way forward imo.

When there still are users that use IE u should develop for it anyways plus IE9 is looking very promising with very good support for HTML 5 and quite faster

Edited January 31, 201115 yr by webdesigner93

Just came across this article

 

have u tried swfobject?

Edited January 31, 201115 yr by sash_oo7

that EOLA article is from 2006 so rather old news!

I stopped developing for IE! CSS3 & HTML5 are the way forward imo.

 

why? The majority of 'issues' that come from IE are people being sloppy with code and using browsers that cater for sloppiness and then claim that they are the most compliant.

why? The majority of 'issues' that come from IE are people being sloppy with code and using browsers that cater for sloppiness and then claim that they are the most compliant.

 

Agreed +1

I stopped developing for IE! CSS3 & HTML5 are the way forward imo.

 

You can't dictate what browsers people will use, unfortunately. There are any number of reasons someone might be using an old browser (ok, let's say IE6).

 

IIE7 and 8 are progressively better and IE9 looks very hopeful indeed, but don't forget that IE9 will NOT be available for Windows XP, which a lot of people are still using, due to having an older system or being in a corporate environment that hasn't upgraded or by using a netbook.

 

Dependng which site's stats you look at (I'd personally be inclined to look at stats gathered by non-technical, non-design-related sites for a more accurate picture) IE users still make up roughly half of all pages served. We can't just forget about them completely.

 

Yes, it would be nice to use HTML5 and CSS3 for everything we do, but it's just not that simple right now. Literally half our audience are using technology that can't take advantage of it. The best thing we can do is use lean and lightweight semantic XHTML1.0 Strict until more user-agents support HTML5 - the markup will be very easy to convert from

<div class="header">

to

<header>

with a simple find & replace.

 

(I would have said XHTML1.1 Strict, but that MUST be served as application/xhtml+xml, which IE chokes on. 1.0 Strict can be served as text/html.)

Edited January 31, 201115 yr by Renaissance-Design

IE won't process styles for new tags like <header>, <aside>, <video> or <canvas> so IE won't recognise width, height, margins or other layout or styling codes but you can make IE process existing styles and display like modern browsers as shown on blancer.com http://blancer.com/tutorials/wp/15301/10-ways-to-make-internet-explorer-act-like-a-modern-browser/ website. Note the conditional comment enclosing the link to the javascript file which enables new HTML5 tags to be styled:-

 

<!--[if IE]>

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

<![endif]-->

 

The above comments mean that HTML5/CSS3 can be used even though HTML5 and CSS3 are still in the development stage. However, the javascript file, as far as I can see, merely allows the new tags to be styled, ie background, width, height, margin, font, etc. but doesn't allow the new processing that is required for some of the new tags like <video>, <canvas> that require special processing, but there are often other ways to make IE process the new features (like the object and embed tags for audio and video). It means that you can use the new tags and the IE page will show the elements in the correct places with some styling without disrupting the page layout, but without processing the new features inside the elements unless you find another method.

Yeah, there's the HTML5 shiv. Thing is though, roughly 5% of users browse with Javascript turned off, for one reason or another. Assuming the same stats for those as for browsers as a whole, that's 2.5% of visitors who won't be able to see your fancy styles at all.

 

That, of course, is completely unacceptable. Leaving aside for a moment the idea that basic look and functionality of a website shouldn't rely on Javascript, on a website getting 100,000 unique visitors a day, that's 2,500 visitors per day who will bounce because they assume the site is either broken or an amateurish hack-job. Show me a business that's ok with losing that many potential customers.

 

Until it's supported by the current version of IE without javascript, HTML5 is not ready to be used on production sites, outside of tech demos for designers who are all using Safari or Firefox anyway.