Header height broken in IE8, IE7

HTML & CSS
1

Hi,

I’m using HTML 5 and the Google HTML5 shiv for this:


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

But my header height is not correct. Do I need to put a real #header div inside <header>?

Thx,

Ben

2

It looks like your conditional comment is not kicking in. Try it without the gaps:

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

Thanks. That worked - but any idea why jQuery cycle slides are not working in IE7?

Thx.

4

I don’t see any on the page you linked to. On the home page, there is a slider that’s not working properly, though, in any browser, as far as I can see. It’s set to height: 15px for some reason.

5

Hi,

If I remember correctly IE7 has problems with the script if there is a comma after the last rule.
Remove the comma below (in red) and see if that resolves the problem.


        <script> 
            $(document).ready(function() {
                //slideshow
                $('#slides').cycle({ 
                    fx:    'scrollHorz', 
                    speed:  750,
                    timeout: 5000[SIZE=4][B][COLOR=#ff0000],[/COLOR][/B][/SIZE]
                });    
        });    
        </script>
6

That was it, thank you! You guys are incredibly helpful, can I buy you a coffee or something?

Ben