Friday, February 3, 2012

Fix 404 issues with FancyBox, IE in DotNetNuke

Due to limited support of CSS Shadows in Internet Explorer, Fancybox 1.3.4 report a lot of 404-errors for Internet Explorer in DotNetNuke:


  • .../fancybox/fancy_shadow_s.png
  • .../fancybox/fancy_shadow_nw.png
  • .../fancybox/fancy_shadow_sw.png
  • .../fancybox/fancy_shadow_w.png
  • .../fancybox/fancy_shadow_ne.png
  • .../fancybox/fancy_shadow_e.png
  • .../fancybox/fancy_shadow_n.png
  • .. /fancybox/fancy_shadow_se.png

The problem is that the url is relative (based on the specification in .css file). There are two ways of get rid of the 404 errors:

  1. Make the urls in the css absolute
  2. Remove the fancy_shadow...png from the CSS
I prefer options 2, to reduce the number of HTTP request by 8 - because limiting the number of HTTP requests is top level priority to increase performance (ref Best Practices for Speeding Up Your Web Site)

No comments:

Post a Comment