Forums

sticky footer problem

Permalink
Hey. im trying to get the footer to stick to the bottom, but to stop when it "hits" content. Ive tried all sorts of guides, but nothing helps :(
site is:http://familieretskontoret.lund-co.dk/...
 
sabumnimdk replied on at Permalink Reply
sabumnimdk
Hi Mark

Take a look at these links and see if a solution presents itself :0)


Hej Mark,

Tag et kig på et af disse links og se om du ikke finder en løsning her.
Det første link på denne side burde kunne give dig en idé.

Det er lidt svært at se hvad du helt præcist vil når dit link ikke virker til websiden :0)

Se Google her:
https://www.google.dk/search?aq=f&sourceid=chrome&ie=UTF-8&a...

//Carsten - Denmark
zoinks replied on at Permalink Reply
I always have a problem with this crap. Can't get the thing to work without a super long scroll bar. It's always a few too many pixels for some dumb reason, too.
drbiskit replied on at Permalink Reply
drbiskit
It's an oldie, but a goodie - The easiest way to do this is as follows....

CSS:
html, body {
   height: 100%;
}
#main {
   min-height: 100%;
   background:blue;
}
#content {
   padding-bottom: 100px;
   background:green;
}
#footer {
   height: 100px;
   margin-top: -100px;
   background:red;
Viewing 15 lines of 16 lines. View entire code block.


HTML:
<html>
<body>
  <div id="main">
    <div id="content">content</div>
  </div>
  <div id="footer">
  footer
  </div>
</body>
</html>


Hope that is helpful!