• Registered: 2013-05-07
  • Posts: 6

Topic: Embedding with a Div Border

I just purchased the Pro version and attempted to embed the gallery into my site. The gallery shows up; however, not in the correct place.

I read through the entire Juicebox site and forum but could not come up with the solution.

Here is my page that I'm working on right now: http://www.gofree.com/123-LAC/

I noticed that the gallery gets pushed down to the end of the page because the div that I insert the gallery into (the main div section) has a floating border to the right.

This is my div for my floating border:
<div id="VerticalBorder" style="height:100%;float:right;width:8px;"></div>

This "VerticalBorder" only has a background image set to it in the css.

It seems as if this vertical border and gallery cannot coexist. Is there a way I can fix this?

Is there an option in Juicebox?

Thank you very much in advanced.

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

Re: Embedding with a Div Border

Try changing:

<div id="juicebox-container"></div>

... to:

<div id="juicebox-container" style="float: left;"></div>
  • Registered: 2013-05-07
  • Posts: 6

Re: Embedding with a Div Border

Steven wrote:

Try changing:

<div id="juicebox-container"></div>

... to:

<div id="juicebox-container" style="float: left;"></div>

It worked! Thank you so much! I spent 4 hours yesterday trying to figure this out... can't believe it was so simple :P