Css/css3 & ie8

HTML & CSS
1

Could i get some advice on how to fix the staffing animation & footer in ie8?
http://cdiwwwtest.cdicorp.com/staffing
ie8 is proving to be a bit of a challenge.
thx
D

2

Are you linking to the shiv correctly?


<!--[if lt IE 9]>
		<script src="dist/html5shiv.js"></script>
		<![endif]-->

It doesn’t seem to be where you are looking for it and may explain the footer problems.

I haven’t had a chance to look at the animation but I’m guessing you will have to completely revise it for ie8. Just on my way out now so will have to look tomorrow.

As an aside I notice you haven’t added the fixes I gave In this thread yet.

3

paul thank you.
Until tomorrow will google for animation or trouble shooting ie8. thanks for the info on the shiv.
I did look at the other thread first thing this am. (nav bullets) still working on it.
thx
D

4

Yes, that link is just to the code within the shiv’s download folder. You have to place that script on your site and then link to that. Or you could just link to it online:

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
5

It looks as though you just need to tweak some margins for IE9 and under (and for everyone else).

e.g.


<style type="text/css">
#ro01sub {margin-right:0}
#ro02sub {margin-left:160px}
</style>

<!--[if lte IE 9]>
<style type="text/css">
#ro01sub {margin-right:-50px}
#ro02sub {margin-left:20px}
</style>
<![endif]-->

Remember ie9 and under don’t understand if you move something with “translate” so you need to supply alternatives.