Footer is floating up into album description, html-only gallery

denisegoldberg

If you feel this post belongs in customization, not smugmug support - please move it. I posted it in the SmugMug Support forum because I (honestly) haven't touched my customization - it just started behaving oddly today. Something changed. I think it changed today - but of course that means it could have been last night...

I have not changed my customization, but the look of my galleries has changed.

I have replaced the smug category & subcategory pages with my own custom (html-only) pages. I did it for two reasons - I needed more levels/organization than I could get from the standard smug displays, and I wanted much larger thumbs than the default 100x100 / 150x150. My site has used this page structure for many months. Yes, I know, everyone says this - but I didn't change anything.

All of a sudden - today, maybe last night - my contact me link, my copyright, and the smug footer is floating into my galleries. All of those things are defined in the footer. This is not happening in standard smug galleries. It is happening in html-only galleries that are defined with "floating" blocks used for photos and text. The galleries are locked into smugmug style in order to use the width of the screen.

Here are two examples:

My "Gallery" gallery, at http://denise.smugmug.com/gallery/4859541_NYqCo:

My "Travel stories" gallery, at http://denise.smugmug.com/gallery/4857761_xpeiZ.

Until today, the contact me link, copyright, and smug footer were where they belonged, at the bottom of the screen under my gallery content. Please tell me why they are now floating up, not staying in their "assigned" position.

I could use a hint please - what changed on smug that would cause this behavior? And how can I fix it? I'm looking forward to solving this puzzle.

--- Denise

jfriend

I have no idea what changed recently, but you can fix the problem by adding this to the end of your album description:

<div class="spacer"></div>

This clears the floats so nothing else that follows will float into your space.

Even after this fix, there is still something odd going on because if you look in Firebug, the container myCategoryPage, has no height. So something is keeping it from accumulating height even though the floated elements inside it have height and width. If you read this page, it has something to do with it.

denisegoldberg

jfriend wrote:

I have no idea what changed recently, but you can fix the problem by adding this to the end of your album description:

<div class="spacer"></div>

This clears the floats so nothing else that follows will float into your space.

John -
You are a lifesaver!

Many thanks - I didn't know about that. Funny thing is, I started by using tables and then moved to the floating divs. Allen is the one who introduced me to the nicely floating items, and I really like the behavior (other than today's new misbehavior).

Now I'm off to edit a bunch of galleries.

Thanks again.

--- Denise