Help with footer

Yukii,

The simplest way to do that is by using tables in the design. I don't use Nadia's skin so I don't know if she got her columns by using tables or by using CSS stylesheets or something. But if she uses tables, basically you'd put the footer in its own row, all by itself by giving it a colspan of 3.

<tr>
<td colspan=3>{footer}</td>
</tr>
</table>

It's not a good practice to use tables for layout. Nadia does not use tables so that code won't work.

Looking at Nadia's skins, you need to take the footer div and move it below the main container div. (Put it after the last</div> tag.)

Then add "clear:both;" to #footer in your style sheet.

That should move it down to the bottom of the page.

It didn't work. I don't know if I did it right though...  😐

This is the #footer:

#footer {
width: 100%; 
text-align: center;
padding: 0 20px 0 20px;
margin: 0;
clear: both;
}

And this is the footer.tpl:

<!-- START BLOCK : footer -->
</div><!-- Closing mainContainer -->
<div id="footer">{footer}<br><br>Skin designed by <a href="" http://the-butterfly.d e" target="_blank" title="Nadia's Portfolio">The Butterfly</a>, All Rights Reserved.</div>
</body>
</html>
<!-- END BLOCK : footer -->

I'll need to see your skin in action. if you provide a link to the index page of that skin (with ?skin=whatever) on the end, we should still be able to access it even if you've hidden it...unless Tammy's changed that.

First, though, try moving "clear:both;" to the top.

I haven't made many changes yet, I was first trying to fix the footer. This is the link:

http://panbox.com.br/index.php?skin=DeathNote

#footer {
clear:both;
width: 100%; 
text-align: center;
padding: 0 20px 0 20px;
margin: 0;
}

Thanks for the help.

Well, you put your footer below the closing html tag. I'm surprised it's showing up at all...

Move the footer above the closing body and html tags, just after the closing main container div. I think that should fix your problem.

Sorry Carissa, but I didn't understand... This is how the footer looks like:

<!-- START BLOCK : footer -->
</div><!-- Closing mainContainer -->
<div id="footer">{footer}<br><br>Skin designed by <a href="" http://the-butterfly.d e" target="_blank" title="Nadia's Portfolio">The Butterfly</a>, All Rights Reserved.</div>
</body>
</html>
<!-- END BLOCK : footer -->

Where should I put the closing body and html tags? Aren't them already below the footer? At my first post I put a link to another skin, and the footer is this:

<!-- START BLOCK : footer -->
</div>
<div id="footer">{footer}<br><br>Skin designed by <a href="" http://the-butterfly.d e" target="_blank" title="Nadia's Portfolio">The Butterfly</a>, All Rights Reserved.</div>
</div><!-- Closing mainContainer -->
</body>
</html>
<!-- END BLOCK : footer -->

Maybe the problem isn't at the footer? My knowledge about CSS is very poor, I only know how to change colors and fonts.  😐
Thanks for the help

The other day, it was messed up. When I looked at your source code, the footer was below the closing html tag. It's in the right place now, and it seems to be working. You must have done something right! 😉

Yes, I'd been trying to solve this. But the problem is still there. It only shows up in small pages, like this one: http://panbox.com.br/browse.php?skin=DeathNote&type=categories

I think I will have to leave this way  😐