Footer help

[Shima]

My custom footer often and obnoxiously breaks up the theme. How can I get it to show up below the theme box but above the smugmug mini footer?

Example: http://photos.cathoffman.com/Portfolio
In this case it completely breaks out of the background... the smugmug mini footer is in the blue fade on the bottom
Example 2: http://photos.cathoffman.com/Sports
In this case it again breaks out of the box... but the smugmug mini footer is below the theme box.

Ideas? Help? Thanks!

[Shima]

bump

help? anyone?

[Hikin' Mike]

bump

help? anyone?
I'll take a stab at it...

I assume you are using CSS. If you re-name your '#footer' to something else, say '#footer1' then your custom background should be above SmugMug's footer. Hope that makes sense.

I had to do the something similar. Here's mine: Images in the Backcountry (http://hikinmike.smugmug.com/).

[Shima]

I'll take a stab at it...

I assume you are using CSS. If you re-name your '#footer' to something else, say '#footer1' then your custom background should be above SmugMug's footer. Hope that makes sense.

I had to do the something similar. Here's mine: Images in the Backcountry (http://hikinmike.smugmug.com/).

My footer is in the footer html section. It does have a <div id> but changing the name of the div id doesn't do anything, what else do I need to do to move it down?

[Allen]

My custom footer often and obnoxiously breaks up the theme. How can I get it to show up below the theme box but above the smugmug mini footer?

Example: http://photos.cathoffman.com/Portfolio
In this case it completely breaks out of the background... the smugmug mini footer is in the blue fade on the bottom
Example 2: http://photos.cathoffman.com/Sports
In this case it again breaks out of the box... but the smugmug mini footer is below the theme box.

Ideas? Help? Thanks!
Add the .menu in front of this.

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}


I think this gets the Portfolio and Sports cats and subcats. Still have to work on the galleries page.

.category.category_Portfolio #myFooter {
margin: 0 auto;
width: 770px;
background: #9DACBF;
height: 120px;
}

.category.category_Portfolio.subcategory_Wedding_Portfolio #myFooter {
background: none;
}

.category.category_Portfolio.subcategory_Event_Portfolio #myFooter,
.category.category_Portfolio.subcategory_Sports_Portfolio #myFooter {
background: #9DACBF;
}

.category.category_Sports #myFooter {
margin: 0 auto;
background-image: url(/img/themes/OldFamilyAlbum/singleImageBox.png);
_background-image: url(/img/themes/OldFamilyAlbum/singleImageBoxIE.jpg);
width: 800px;
height: 80px;
}

[Shima]

Those two were just examples of the different ways it breaks, it has an issue with breaking the theme on EVERY gallery though.... I don't want to go through each and every single section of my website to fix this. Isn't there something I can do globally?

Add the .menu in front of this.

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}


I think this gets the Portfolio and Sports cats and subcats. Still have to work on the galleries page.

.category.category_Portfolio #myFooter {
margin: 0 auto;
width: 770px;
background: #9DACBF;
height: 120px;
}

.category.category_Portfolio.subcategory_Wedding_Portfolio #myFooter {
background: none;
}

.category.category_Portfolio.subcategory_Event_Portfolio #myFooter,
.category.category_Portfolio.subcategory_Sports_Portfolio #myFooter {
background: #9DACBF;
}

.category.category_Sports #myFooter {
margin: 0 auto;
background-image: url(/img/themes/OldFamilyAlbum/singleImageBox.png);
_background-image: url(/img/themes/OldFamilyAlbum/singleImageBoxIE.jpg);
width: 800px;
height: 80px;
}

[Allen]

Those two were just examples of the different ways it breaks, it has an issue with breaking the theme on EVERY gallery though.... I don't want to go through each and every single section of my website to fix this. Isn't there something I can do globally? It would be a lot simpler if you were using the same theme everywhere. Each
theme uses a different background and no way to detect what theme is used
with CSS.
Could just size and fit it in but without the background tweak it would look
pretty funky.