• Registered: 2014-03-11
  • Posts: 4

Topic: Embedded gallery not visible [SOLVED]

I've added a gallery to my website and although all the HTML is there, I can't actually see the gallery!

You can see it here: htp://site.lifeshot.co.nz

Any help would be greatly appreciated!

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Embedded gallery not visible [SOLVED]

Your gallery looks to be embedded on your web page OK. The problem seems to be to do with positioning and sizing.

Try fixing the HTML errors on your web page. You can check your web page for errors with the W3C Markup Validation Service. (For example, you have a stray </div> tag with no matching opening tag and a couple of the containers on your web page have identical ids. All ids on a web page should be unique.)

Also, try defining your gallery's height as a fixed pixel value instead of as a percentage. When using a percentage height, it is necessary to ensure that all the gallery's parent containers have heights specified by CSS, otherwise Juicebox will not be able to determine what its own height should be (e.g. 100% of what?).
Please see this note regarding Using Percentage Heights.

Hopefully this will help.

  • Registered: 2014-03-11
  • Posts: 4

Re: Embedded gallery not visible [SOLVED]

Yep that div fixed it!