Why is footer in wrong place ?

[Trevor Lawrence]

On the site below, I have used includes to include a header and sidebar
(sidebar.html) and a footer (footer.html)

I placed the footer inside <div id="container"> so that I would have the
same background - a yellow colour.

But the site is behaving as if it is outside this <div>

I can't see why after hours and hours of looking every which way It only
went wrong today when I made some small changes to tidy up the layout.
(Basically I only changed style.css)

Who can tell me what is wrong before I shoot myself in frustration?

 

[Trevor Lawrence]

I have managed to solve this .

I actually don't know what combination of my various efforts did the job,
but it is OK now.

However, the first clue was that I could not have a <div> without something
NOT inside tags .

I had
<div>
<span>..........</span>
<span>..........</span>
</div>
it didn't work

When I altered it to
<div>
<span>..........</span>
&nbsp;
<span>..........</span>
</div>
it worked !!!

 

[Hot-text]

You no fun you fix it before we can help LOOL

I have managed to solve this .

I actually don't know what combination of my various efforts did the job,
but it is OK now.

However, the first clue was that I could not have a <div> without
something NOT inside tags .

I had
<div>
<span>..........</span>
<span>..........</span>
</div>
it didn't work

When I altered it to
<div>
<span>..........</span>
&nbsp;
<span>..........</span>
</div>
it worked !!!