| | |
|
|
|
footer as a library item in template? |
|---|
| message from marieluce13 on 20 Jul 2004 |
Hello,
I am trying to build a site that would have a footer at the end of each page.
The site would be built using templates.
I have created my footer, made it as a library item and then I inserted it in
a layer in my template.
But how can I make sure it will go at the end of the page for each page
created with the template?
I guess this is all a matter of putting the right positioning on the layer? I
want it to always be at the end of the page, after all the content, and the
size of the content can be different. Does that make sense?
I'm sure I am missing something obvious.
Anybody can help me?
Thanks a lot!!!
Lucy
|
| CarlGrint replied to marieluce13 on 20 Jul 2004 |
If you include a div with a css style which sets a 'clear' between the last div
on the page, and you footer, it will ensure the footer remains at the base of
the page, well, as long as your are not using Left/Right Top/Bottom coordinates
to lay it out, but simply divs themselves.
styles
.footeradjust
{
clear:both;
height:1px;
font-size:1px;
border:none;
margin:0;
padding:0;
background:transparent;
}
then add <div id= "footeradjust"></div>
Originally posted by: marieluce13
Hello,
I am trying to build a site that would have a footer at the end of each page.
The site would be built using templates.
I have created my footer, made it as a library item and then I inserted it in
a layer in my template.
But how can I make sure it will go at the end of the page for each page
created with the template?
I guess this is all a matter of putting the right positioning on the layer? I
want it to always be at the end of the page, after all the content, and the
size of the content can be different. Does that make sense?
I'm sure I am missing something obvious.
Anybody can help me?
Thanks a lot!!!
Lucy
|
| Murray *TMM* replied to CarlGrint on 20 Jul 2004 |
You have not set margins or padding on your body tag -
BODY {
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
COLOR: #000000;
FONT-FAMILY: Arial, Helvetica, sans-serif;
LIST-STYLE-TYPE: square
margin:0;
padding:0;
You have style the footer with a custom class, but left it out of the code -
.footer {
BORDER-TOP: #330067 1px solid;
FONT-SIZE: 100%;
VERTICAL-ALIGN: middle;
FONT-FAMILY: Arial, Helvetica, sans-serif;
BORDER-RIGHT-STYLE: none;
BORDER-LEFT-STYLE: none;
POSITION: relative;
TEXT-ALIGN: center;
BORDER-BOTTOM-STYLE: none
}
You should change all such instances of .footer to #footer.
Unfortunately, Carl's recommendation just will not work when you have the
footer underneath AP divisions as you do. Since an AP division is removed
from the flow of the page's code, there is nothing on the page to push the
footer division down, so it is at the top of the page, underneath the
'layers'.
|
| Murray *TMM* replied to marieluce13 on 20 Jul 2004 |
If you are putting this Library item into a Template's non-editable region,
then there is no reason to use a Library item at all, since just putting the
code into the template will ensure it being updated.
|
| Murray *TMM* replied to Murray *TMM* on 20 Jul 2004 |
You have pages that are not attached to the template? Why?
But the answer to your question is no, it wouldn't affect the layer's
positioning.
|
|
Archived message: footer as a library item in template? (Macromedia Dreamweaver)
