Topic: SV-Builder Pro | iWeb | Firefox | Squashed | Editing the CSS

The site I'm discussing is | A gallery example is … emory.html

I've embeded my Simpleviewer Pro galleries into my website but the issue, which has been discussed else where and in the FAQ, is that the gallery appears squashed in Firefox but fine in all other browsers. I am using an Iframe to embed the index file produced by simpleviewer. The FAQ says:

Check your CSS. Firefox requires that you explicitly set the height of the 'html' and 'body' tags, plus the div that contains SimpleViewer. Try setting them all to '100%' or the height you require in pixels. For an example, check the CSS in the 'index.html' file that comes in the SimpleViewer download.

Which CSS file should I be editing? iWeb is a pig when it comes to editing and I know that this isn't an iWeb forum. However I've got two quesitons I suppose:

    Does anyone else have experience of solving this issue with iWeb?

      Is it the CSS in that simpleviewer produces, or is it the CSS file of the hmtl that contains the iFrame.

      I hope this is clear enough. I'd really appreciate any help I can get on this as it's been driving me crazy for days.

      Re: SV-Builder Pro | iWeb | Firefox | Squashed | Editing the CSS

      iWeb has not placed your <iframe> within your main page but, instead, has put it on a page of its own here:
      It is on this page that you should include the following CSS code in the <head> section.

      <style type="text/css">
          body, html { height: 100%; }
      Steven Speirs
      SimpleViewer Support Team

      Re: SV-Builder Pro | iWeb | Firefox | Squashed | Editing the CSS

      That's perfect thank you for all your help. This was the perfect answer and allows me to use this stunning program in the rest of my sites. Thanks again.