Author |
Message |
heli409
Joined: Fri Dec 17, 2010 12:01 pm Posts: 9
|
 Shadow and IE8 problem each time the page loads
I have a slide show that is being run by jquery cycle. Because of certain CMS page features, its position is set only after the page has finished loading. IE8 positions the shadow at the 0, 0 of the body, and not with the slide show, however if the browser is scrolled, the shadow jumps right into place. I have the slide show contained in a wrapper div and the css written in that div on a linked style sheet. The wrapper div has the id="bigSlideShow", and the css is as follows: #bigSlideShow { position:relative; width:601px; -moz-box-shadow: 0px 0px 20px #000; -webkit-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; behavior: url(ie_effects/PIE.htc); margin-top:15px; margin-left:80px; } I tried zoom:1 and also gave it a height, but that does not work. Only scrolling the IE8 browser made it reposition behind the slide show. Any suggestions? No problem with other browsers.
|
Tue May 03, 2011 12:59 pm |
|
 |
heli409
Joined: Fri Dec 17, 2010 12:01 pm Posts: 9
|
 Re: Shadow and IE8 problem each time the page loads
I finally solved the problem. If anyone else has same problem, then I'll post the solution.
|
Tue May 17, 2011 8:25 am |
|
 |
DerHannes85
Joined: Wed Dec 07, 2011 3:16 am Posts: 4
|
 Re: Shadow and IE8 problem each time the page loads
Hi there, I got the same problem on IE8 every time I reload a page with a box shadow rendered by PIE. I think the error appears when leaving the page. So here is your chance to share your solution with us. Thanks.
|
Wed Dec 07, 2011 3:28 am |
|
 |
heli409
Joined: Fri Dec 17, 2010 12:01 pm Posts: 9
|
 Re: Shadow and IE8 problem each time the page loads
|
Wed Dec 07, 2011 6:11 am |
|
 |
DerHannes85
Joined: Wed Dec 07, 2011 3:16 am Posts: 4
|
 Re: Shadow and IE8 problem each time the page loads
hm... so what is your solution for this? If I have a spacer right under body it has to be display: none on startup?
Tried this, but didn't helped.
|
Wed Dec 07, 2011 7:12 am |
|
 |
heli409
Joined: Fri Dec 17, 2010 12:01 pm Posts: 9
|
 Re: Shadow and IE8 problem each time the page loads
Go to http://shellslagle.com/ and view source. You set display of the spacer to none on the local page not in the linked style sheet where its height property is set, and then set it back to block in script on local page. You can also us document.read to display none and window. load to display block. Document. ready executes before window.load. I'm no guru, but this css toggle works for me.
|
Wed Dec 07, 2011 9:01 am |
|
 |
DerHannes85
Joined: Wed Dec 07, 2011 3:16 am Posts: 4
|
 Re: Shadow and IE8 problem each time the page loads
Sorry but this seems no solution in my case. Thanks to you!
Anybody else solved this IE8-Reload-Crashing Problem?
|
Wed Dec 07, 2011 9:40 am |
|
 |
DerHannes85
Joined: Wed Dec 07, 2011 3:16 am Posts: 4
|
 Re: Shadow and IE8 problem each time the page loads
When I use the javascript version of PIE, the error is away. Maybe this is my only chance!  EDIT: But this only works for 2 shadowed elements. When I have more the error appears again.
|
Wed Dec 07, 2011 10:00 am |
|
 |
heli409
Joined: Fri Dec 17, 2010 12:01 pm Posts: 9
|
 Re: Shadow and IE8 problem each time the page loads
I'm not using the java script version of PIE. There are over a dozen elements on the home page, and the other pages have about as many. This is a CMS website that the user has the ability to add 99% of everything you see. There is a special text editor that has PIE elements in it. They can upload all their graphics as well as you tube videos. It is a complex website and PIE works like a charm. Sorry your having a problem, but I'm using PIE.htc.
|
Wed Dec 07, 2011 1:15 pm |
|
 |
argan
Joined: Thu Dec 08, 2011 7:35 pm Posts: 1
|
 Re: Shadow and IE8 problem each time the page loads
Frustrating problems is there any other solutions? it seems like nothing is working for me
|
Thu Dec 08, 2011 7:38 pm |
|
|