Topic: Spacing below my gallery

Hi there,

I've struggled and struggled with this gallery and finally got it tonight! However I have this giant gap between my gallery and my footer banner. Can't figure out why...don't see anything in the code that would make this big gap.

Any ideas?

http://brittanibowling.com/gallerypets and http://brittanibowling.com/gallerykids

Thanks!
Britt

Re: Spacing below my gallery

SV.simpleviewer.load('sv-container', '70%', '70%', 'FFFFFF',true);

The only element in your page with a height declaration is your flash, try defining the height of the rest of your page elements.

Mike Richards
SimpleViewer Support Team.

Re: Spacing below my gallery

I have the same problem, a space below the actual gallery that causes the page to have a vertical scroller. I have the Pro version and the problem started when I installed ver. 2.1. I have tried both converting an old gallery and created a new one. I read the layout-guide: http://www.simpleviewer.net/simpleviewe … ml#trouble. It doesen't show the background color at the bottom when I change it so it's something else, and I have tried many diffrent numbers on the line just described (both in pixels and %). I've noticed that even when I create the gallery on a blank page instead of embedding it, there is a space below (not by the backgroundcolor, but by that the page is scrollable).

You can find my gallery at: http://www.agarkitekter.se/projekt/kontor/bilder.html

Re: Spacing below my gallery

In Firefox and IE on my PC, there looks to be very little space between the gallery and the footer.  However, the background of SimpleViewer and the HTML page are both white so it's hard to tell where this space is coming from.

Rather than embed the gallery into your page using the embed code, you could try using an iframe as described here:
http://simpleviewer.net/simpleviewer/su … l#external
Define the dimensions of the iframe as desired and load the 100% x 100% gallery into it.

Steven Speirs
SimpleViewer Support Team.

Re: Spacing below my gallery

Steven Speirs wrote:

In Firefox and IE on my PC, there looks to be very little space between the gallery and the footer.  However, the background of SimpleViewer and the HTML page are both white so it's hard to tell where this space is coming from.

Rather than embed the gallery into your page using the embed code, you could try using an iframe as described here:
http://simpleviewer.net/simpleviewer/su … l#external
Define the dimensions of the iframe as desired and load the 100% x 100% gallery into it.

When I change the background color, it shows that it goes exactly under the button bar. I have now also changed the height a  bit so the line that where supposed to be over the bottom text is shown. So it hasn't anything to do with the size of the actual gallery (in the "SV.simpleviewer.load" line). It's very strange and I don't understand where it could come from. But where is the size of the box "sv-container" specified?

I guess an iframe could do the trick but I would like to avoid it if possible.

I just discovered something (in IE and Chrome on WinXP): When the web browser window isn't maximized, the gap below is like you say pretty small; but when maximized, it looks much bigger. I can scroll down so the top of the screen is exactly the title of the gallery, and when I for example remove the title bar or adress bar, I can scroll down even further so once again the title of the gallery is at the top of the screen.

Re: Spacing below my gallery

Make sure that all your CSS adds up.

You have defined your gallery to have a height of 570px.
The 'sv-container' <div> (the gallery) is inside the 'huvudprojektbilder' <div> which has a height of 580px.
The 'huvudprojektbilder' <div> is inside the 'centrering' <div> which has a height of 450px.

There is nothing else in the 'huvudprojektbilder' <div> so its height should be the same as that of the gallery.
The 'centrering' <div> should be at least as large as its contents.

Steven Speirs
SimpleViewer Support Team.

Re: Spacing below my gallery

Tried that without success. I made a test gallery here: http://www.agarkitekter.se/projekt/test/test.html that's created directly from svbuilder to an empty html-page and with a very small size of both the image and the gallery. Still, a scroller is shown on the page, and it seems like it tries to always have the gallery title at the top of the site in the web browser.

So I guess I'm stuck with the iframes method and setting the size to 100%? I don't really know what's the problem with having iframes, but I have heard that it's bad for search engines such as Google (a shame because I think it's very useful).

Re: Spacing below my gallery

Thanks for uploading the test gallery.
Try adding the following code to your CSS:

body {
  margin: 0px;
}
Steven Speirs
SimpleViewer Support Team.

Re: Spacing below my gallery

Thanks for trying to help me!

That worked on the empty page, but I still have the problem when embedding it. I've put the "body margin 0" in both the css-file and in the header of the html-file (haven't uploaded it though).

The strange part is that the scrollbar disappears when I put the 'huvudprojektbilder' <div> at the top (top: 0px; in the css-file). If I just put '1px' there, the scrollbar pops up, and the same thing happens if I remove 'huvudprojektbilder' <div> completely and for example put an <br> before the sv-code. But if I set the distance to 0px and change the height in the sv code from 570 to 670, the scrollbar is still invisible. I succeeded in fooling it by adding 100 to every Y-value in the Fixed layout-section, and also adding 100 to the total height. In that way, the whole gallery is lowered and the scrollbar is still invisible. Put the problem then is that the white area at the top of the gallery covers my top menu and logo (even if the 'huvudprojektbilder'-div is set to the lowest Z-value). I haven't uploaded this changes, but just name it and I will.

Re: Spacing below my gallery

We know that body { margin: 0px; } worked for the test gallery and the only container that 'sv-container' was in was <body>.
Perhaps you should try adding 'margin: 0px;' to all parent containers of 'sv-container' in your web page, ie:

body, #huvudprojektbilder, #centrering {
  margin: 0px;
}

Edit:
I've done some testing and this looks to be a bug which should not be present in the upcoming version v2.1.1.

Steven Speirs
SimpleViewer Support Team.

Re: Spacing below my gallery

Sounds good, thanks for the help!