CODEWITHSUNDEEP
jquerycssinternet-explorerlightbox
Lee
Lee

Reputation: 1280

jQuery lightbox doesn't work in IE

Take a look at this site, http://www.uniquegeeks.co.uk/product/test-LED%20Lights-0001#, and please work out why it works perfectly in every other browser but IE.

  1. The problem is that in IE the site is off to the left and every other browser it's as it should be, in the middle.

  2. When you click the larger image in a non IE browser, it's a working lightbox. In IE it doesn't work and just shows the large picture underneath.

Upvotes: 0

Views: 1855

Answers (3)

Sam Martin
Sam Martin

Reputation: 1248

It's due to it operating in quirks mode (if you press F12 in IE you'll see the 'document mode' defaults to quirks).
Set a doctype like: 

<!doctype html>

To ensure it defaults to IE9 (or whatever version it actually is)

Upvotes: 1

Paul Graffam
Paul Graffam

Reputation: 2149

I think the main problem here is that your <div id="wrapper"> is being carried to the top of your html for some reason. I only see this if I view source, if I view html through debugger tools that div is placed correctly after the body tag.

Upvotes: 0

Nick Radford
Nick Radford

Reputation: 1038

As an aside:

<div id="wrapper">
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

is not valid HTML.

Upvotes: 3

Related Questions