Forum Moderators: not2easy
<html>
<head>
<title></title>
<style type="text/css">
div#footer{
position: fixed;
bottom: 0px;
}
</style>
</head>
<body>
<div id="content">
<p>This is some content</p>
</div>
<div id="footer">
<p>This should be on the bottom.</p>
</div>
</body>
</html>But in fact this only works in Gecko-based browsers (Mozilla, etc.). This is because most other browsers currently don't support the position: fixed property of CSS 2 yet.
Position: absolute; bottom: 0px; doesn't work for long documents because the content will continue under a footer positioned in such a manner. This is due to the fact that the positioning values for absolute elements are based on that element's containing block [w3.org], which in the case of visual browsers usually defaults to the viewport.
<!--#include file="foot.html" -->A copy of foot.html needs to be uploaded to every directory containing files that will use it, in order for that specific SSI call to work.
Assuming your site is hosted on an Apache server, you can either name all your files with the ".shtml" suffix, or insert this line into a file called '.htacces' in the root directory of your site:
AddHandler server-parsed .html .htm .shtml
Do you know any good books that can explain SSI? It sounds like a great way of doing things. Except that if the footer contains links, might it not get spidered?
Thanks!
That's not a problem, include files are read as part of the page.
But will an include footer (or header, for that matter) work on liquid css pages?
Do a web search for "Server Side Includes" for more info...
Links in the footer will be spidered because the server 'inserts' the foot.html code into the requested page before it is served to the browser/spider/etc. Think of it as sort of an OnLoad/DocumentWrite function without the spider-unfriendly javascript.
But will an include footer (or header, for that matter) work on liquid css pages?
AFAIK, if there's a problem with it displaying in a strange position, you should be able to wrap the SSI call in its own <div>, and manipulate that <div> just like a regular page section... or make sure it resides at the bottom of your main content container, just above the closing tag.
Sometimes, even if the footer div is at the very bottom of the HTML document, it may need a clear:all attribute to end up at the very bottom of the page -- instead of some place strange.
The clear attribute's default value is "none", so with some layouts you can have chaos unless you explicitly declare left, right or all as required.
I think thats what some people are looking for here.....I am playing with a top <div> and two/three absolutely positioned divs "on the next line".
Using the bottom alignment just puts it "at the bottom of the screen"- regardless if the page does not scroll, scrolls more than page etc etc.
I'll finally be able to start playing with my bottom divs again :) great
<!--#include file="foot.html" -->You should be able to get away with installing that only once and call from whatever file folder it is installed in. That will save installing it all over the place.
<!--#include virtual="/menus/foot.html" -->on *nix it should work, granted you have your AddHandler Server Parsed line in .htaccess (ala mivox).
I know it doesn't solve your positioning problem, but you'll only have to upload and update one file that way :)
