• Registered: 2014-08-03
  • Posts: 8

Topic: Full Screen Expand with Firefox show partial photo [SOLVED]

Hi,

Mac OS X 10.8. Juicebox 1.4.2

I created a simple slideshow that pull photos from flickr and embedded it in a web page.

I enable the full screen feature.

When I use Safari and Chrome and click on the full screen icon, it opens nicely and the photos are displayed on the entire screen.

With Firefox I experience a weird behavior.  The photo only take an upper portion of the screen, about 1/4, the lower portion is the background color of my slide show (white).

Here is the link to the page:

http://soldmaui.com/Residential/Oluolu/ … /test.html

Any idea what is going on?

Thank you,

Nam

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

Re: Full Screen Expand with Firefox show partial photo [SOLVED]

There are a couple of things that might be causing your problem.

(1) Your web page does not have a Doctype Declaration. It is important that each HTML document uses a Docytype declaration in order to inform the user's browser what set of standards the code on your web page should conform to. Add an appropriate Doctype declaration to your page.
From the look of your code, you could use the HTML 5 Doctype. Add the following code to the very top of your HTML page (before the opening <html> tag).

<!DOCTYPE html>

(2) As your gallery's height is expressed as a percentage, please see this note for Using Percentage Heights. Essentially, make sure that all parent containers of your gallery have heights explicitly expressed via CSS.
Alternatively, try taking your gallery out of the table on your web page (as the gallery is the only element in the table) and position your gallery on your web page using CSS instead.

  • Registered: 2014-08-03
  • Posts: 8

Re: Full Screen Expand with Firefox show partial photo [SOLVED]

Hi Steven,

Thank you for your help. Your suggestion works.