search

builtbywill / booklet

jQuery Plugin - display web content in a flipbook
http://builtbywill.com/booklet
Other
291 stars 109 forks source link

IE 8 Pages out of order #24

Open agwebguy opened 11 years ago

agwebguy commented 11 years ago

http://www.builtbywill.com/code/booklet/demos/

I'm running into an issue when testing on XP with IE8, it seems that the pages get out of order. I've got a 40 page booklet I'm building and IE8 seems to loose track of where it's at. Try flipping back and forth on your demos page to see the issue. Eventually the page numbers will change but not the content or as expected.

Matthewnie commented 11 years ago

I'm having a similar issue, IE appears to be layering the pages improperly. Page 4 is showing on top of page 2 instead of underneath of it, continues throughout the entire book, I'm looking into this but haven't yet found a workable solution.

Matthewnie commented 11 years ago

I thought I would share my band-aid solution, had to get this project out the door so using something that works even though it isn't the prettiest or best user experience. If the browser is lower than IE 9 I hide the pages that that are improperly layering which are supposed to below the current pages but showing above. The .lt-ie9 class comes from using modernizr but you could use conditional comments to place a stylesheet or an inline style block.

.lt-ie9 .booklet .b-p4,
.lt-ie9 .booklet .b-pN {
        display:none;
}
mack3457 commented 11 years ago

It's not a problem of only lt-ie9, but also of IE10. Only when flipping back.