IE not recognizing header tag

[soap]

I’m having an issue where IE 8 (haven’t tested on any others) isn’t recognizing the header tag. I’m using the html5 shiv. It’s not showing up at all..

I’m also using a css reset that has

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

display: block;

}

Anybody else have this problem?

[jamygolden]

Have you validated your html?

[soap]

hahahahahaaha…….. i was inlcuding the header before body…

ANYWAY,

that said,

This code works in Chrome, not Firefox or IE:

$(document).ready(function() {

$('article').click(function(e) {

e.stopPropagation();

var offset = $(this).offset().top - 70;

$('body').animate({scrollTop: offset}, 'slow');

});

});

Maybe I’m missing something really obvious, but don’t think so.

Regretting using HTML5 right now :D

[jamygolden]

You’re forgetting to close

Try this:

$(document).ready(function() {

$('article').click(function(e) {

var offset = $(this).offset().top - 70;

$('body').animate({scrollTop: offset}, 'slow');

e.stopPropagation();

});

});

[soap]

Yeah sorry the bottom of the code didn’t get pasted.

Unfortunately, moving stopPropogation() didn’t handle it, nor does removing it altogether.

Is this the most practical way of doing this?

Here’s a live example: http://websitesthatmarket.com/dblog/site/

No, that photo isn’t of me.

Click anywhere in any article and you’ll see what it’s doing. Only works in Chrome.

Thanks!!!!!!!!!!

[jamygolden]

Got it.

$('article').click(function(e) {

var offset = $(this).offset().top - 70;

$('html, body').animate({scrollTop: offset}, 'slow');

e.stopPropagation();

});

Note: $(‘html, body’)

[soap]

Ahhhhh you’re beautiful, that did the trick :)

Thanks!!!

[Author]

Posts