PDA

View Full Version : Trying to Get Footer at Bottom of Page




zechmann
Apr 7, 2008, 01:20 PM
so i am creating a blog: http://hiphopanonymus.blogspot.com/
and i wanted the middle table to extend to the bottom. I have tried this tutorial: http://www.themaninblue.com/writing/perspective/2005/08/29/ but it doesn't seem to be working for me (just learning CSS) ... thanks anyone for the help, much appreciated!!!



Me1000
Apr 7, 2008, 02:07 PM
just by copying what was given this worked,

<html>
<head>
<style type="text/css">
html
{
height: 100%;
}

body
{
height: 100%;
}

#nonFooter
{
position: relative;
min-height: 100%;
}

* html #nonFooter
{
height: 100%;
}

#content
{
padding-bottom: 9em;
}

#footer
{
position: relative;
margin-top: -7.5em;
}
</style>
</head>
<body>
<div id="nonFooter">
<div id="content">
</div>
</div>
<div id="footer">daasfdaf
</div>
</body>
</html>

Eraserhead
Apr 7, 2008, 03:02 PM
^^ You really should put the CSS in a different file from the HTML ;).

zechmann
Apr 7, 2008, 05:40 PM
all it done is give me errors: your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Content is not allowed in trailing section.

i pasted it at the top, where do you paste it...

Eraserhead
Apr 7, 2008, 06:18 PM
The CSS should be in an external stylesheet (called mainstyle.css for example) . With a link to it in the head of the html.

e.g.


<html>
<head>
<link rel="stylesheet" type="text/css" href="mainstyle.css">
<!--Other head content-->
</head>
<body>
<!-- body content-->
</body>
</html>

zechmann
Apr 7, 2008, 06:39 PM
i don't think the blog site allows css :(????

lancestraz
Apr 7, 2008, 06:49 PM
Maybe this will help. (http://groups.google.com/group/blogger-help-customizing/browse_thread/thread/1901da76bcf528d9/387efc80ceaaf345?lnk=gst&q=css#387efc80ceaaf345)
I think you just have to copy your CSS code directly above the tag "]]></b:skin>". Whatever that means.

zechmann
Apr 7, 2008, 08:03 PM
tried it, didn't work... i think i am just over my head with the coding... hopefully someone will understand it :D

Saliwa
Apr 8, 2008, 03:42 AM
Set your footer to clear: both, and it should be at the bottom.

Eraserhead
Apr 8, 2008, 05:23 AM
Set your footer to clear: both, and it should be at the bottom.

@OP are you using float in your design?

i don't think the blog site allows css :(????

OK, ignore that then.