Keeping the footer at the bottom

#1

Hey everybody,

At the moment I am trying to build a website with a footer at the
bottom of the viewport if the amount of text is too small and at the
bottom of the page if there is enough text.

I'm trying to do this with well formed html and css (as much as
possible). On the internet I found this: http://matthewjamestaylor.com/blog/b...ooter-demo.htm

It works properly in the demo but I can't get it to work properly in
FF with my own version.

My own version can be found here:
http://web-develop.nl
Login name: Donald
Pass: Rusiushr84

Hopefully anyone can help me.

Cheers,

Yorian

#2

On Apr 26, 1:51 am, Yorian <yorianbenja... (AT) hotmail (DOT) com> wrote:

Quote:

Hey everybody,

At the moment I am trying to build a website with a footer at the
bottom of the viewport if the amount of text is too small and at the
bottom of the page if there is enough text.

I'm trying to do this with well formed html and css (as much as
possible). On the internet I found this:http://matthewjamestaylor.com/blog/b...ooter-demo.htm

It works properly in the demo but I can't get it to work properly in
FF with my own version.

My own version can be found here:http://web-develop.nl
Login name: Donald
Pass: Rusiushr84

Hopefully anyone can help me.

Cheers,

Yorian

O yeah, btw the demo comes from this tutorial:
http://matthewjamestaylor.com/blog/k...om-of-the-page

#3

Yorian wrote:

Quote:

Hey everybody,

At the moment I am trying to build a website with a footer at the
bottom of the viewport if the amount of text is too small and at the
bottom of the page if there is enough text.

I'm trying to do this with well formed html and css (as much as
possible). On the internet I found this: http://matthewjamestaylor.com/blog/b...ooter-demo.htm

It works properly in the demo but I can't get it to work properly in
FF with my own version.

My own version can be found here:
http://web-develop.nl
Login name: Donald
Pass: Rusiushr84

Hopefully anyone can help me.

Cheers,

Yorian

You'll need to post a link to your demo on an accessible server. While
I can see your page in the browser, the only thing visible when I do
"View Source" is the source from the login page.

--
Ed Mullen
http://edmullen.net
Just because you're paranoid doesn't mean they're not out to get you.

#4

Ed Mullen wrote:

Quote:

Yorian wrote:
Hey everybody,

At the moment I am trying to build a website with a footer at the
bottom of the viewport if the amount of text is too small and at the
bottom of the page if there is enough text.

I'm trying to do this with well formed html and css (as much as
possible). On the internet I found this:
http://matthewjamestaylor.com/blog/b...ooter-demo.htm

It works properly in the demo but I can't get it to work properly in
FF with my own version.

My own version can be found here:
http://web-develop.nl
Login name: Donald
Pass: Rusiushr84

Hopefully anyone can help me.

Cheers,

Yorian

You'll need to post a link to your demo on an accessible server. While
I can see your page in the browser, the only thing visible when I do
"View Source" is the source from the login page.

You should also read very carefully the explanation of how this is done:

http://matthewjamestaylor.com/blog/k...om-of-the-page

It depends on having your page structured using four <div> tags with
corresponding CSS.

--
Ed Mullen
http://edmullen.net
Just for today, I will not sit in my living room all day in my
underwear. Instead, I will move my computer into the bedroom.

#5

In article
<d9c96c76-8f45-4b72-91cb-47dc6da5f20b (AT) j22g2000hsf (DOT) googlegroups.com>,
Yorian <yorianbenjamin (AT) hotmail (DOT) com> wrote:

Quote:

Hey everybody,

At the moment I am trying to build a website with a footer at the
bottom of the viewport if the amount of text is too small and at the
bottom of the page if there is enough text.

I'm trying to do this with well formed html and css (as much as
possible). On the internet I found this:
http://matthewjamestaylor.com/blog/b...ooter-demo.htm

It works properly in the demo but I can't get it to work properly in
FF with my own version.

My own version can be found here:
http://web-develop.nl
Login name: Donald
Pass: Rusiushr84

Hopefully anyone can help me.

First thing to do is to fix up errors in the html. For example, you
cannot have repeat IDs like id="nav-home".

--
dorayme

#6

dorayme wrote:

Quote:

In article
d9c96c76-8f45-4b72-91cb-47dc6da5f20b...oglegroups.com>,
Yorian <yorianbenjamin (AT) hotmail (DOT) com> wrote:

Hey everybody,

At the moment I am trying to build a website with a footer at the
bottom of the viewport if the amount of text is too small and at the
bottom of the page if there is enough text.

I'm trying to do this with well formed html and css (as much as
possible). On the internet I found this:
http://matthewjamestaylor.com/blog/b...ooter-demo.htm

It works properly in the demo but I can't get it to work properly in
FF with my own version.

My own version can be found here:
http://web-develop.nl
Login name: Donald
Pass: Rusiushr84

Hopefully anyone can help me.

First thing to do is to fix up errors in the html. For example, you
cannot have repeat IDs like id="nav-home".

Glad you posted that. Obviously you were seeing his source but I
wasn't. I was seeing the source for the login page in SeaMonkey. So I
went and logged in using IE and did a View Source and there it was.
Interesting.

--
Ed Mullen
http://edmullen.net
Impotence: Nature's way of saying "No hard feelings."

#7

In article <2PadnYKFmfKeN4_VnZ2dnUVZ_hGdnZ2d (AT) comcast (DOT) com>,
Ed Mullen <ed (AT) edmullen (DOT) net> wrote:

Quote:

dorayme wrote:
In article
d9c96c76-8f45-4b72-91cb-47dc6da5f20b...oglegroups.com>,
Yorian <yorianbenjamin (AT) hotmail (DOT) com> wrote:

Hey everybody,

At the moment I am trying to build a website with a footer at the
bottom of the viewport if the amount of text is too small and at the
bottom of the page if there is enough text.

I'm trying to do this with well formed html and css (as much as
possible). On the internet I found this:
http://matthewjamestaylor.com/blog/b...ooter-demo.htm

It works properly in the demo but I can't get it to work properly in
FF with my own version.

My own version can be found here:
http://web-develop.nl
Login name: Donald
Pass: Rusiushr84

Hopefully anyone can help me.

First thing to do is to fix up errors in the html. For example, you
cannot have repeat IDs like id="nav-home".

Glad you posted that. Obviously you were seeing his source but I
wasn't. I was seeing the source for the login page in SeaMonkey. So I
went and logged in using IE and did a View Source and there it was.
Interesting.

You could not log in with Seamonkey?

--
dorayme

#8

On Apr 26, 8:24 am, dorayme <doraymeRidT... (AT) optusnet (DOT) com.au> wrote:

Quote:

In article <2PadnYKFmfKeN4_VnZ2dnUVZ_hGdn... (AT) comcast (DOT) com>,
Ed Mullen <e... (AT) edmullen (DOT) net> wrote:

dorayme wrote:
In article
d9c96c76-8f45-4b72-91cb-47dc6da5f... (AT) j22g2000hsf (DOT) googlegroups.com>,
Yorian <yorianbenja... (AT) hotmail (DOT) com> wrote:

Hey everybody,

At the moment I am trying to build a website with a footer at the
bottom of the viewport if the amount of text is too small and at the
bottom of the page if there is enough text.

I'm trying to do this with well formed html and css (as much as
possible). On the internet I found this:
http://matthewjamestaylor.com/blog/b...ooter-demo.htm

It works properly in the demo but I can't get it to work properly in
FF with my own version.

My own version can be found here:
http://web-develop.nl
Login name: Donald
Pass: Rusiushr84

Hopefully anyone can help me.

First thing to do is to fix up errors in the html. For example, you
cannot have repeat IDs like id="nav-home".

Glad you posted that. Obviously you were seeing his source but I
wasn't. I was seeing the source for the login page in SeaMonkey. So I
went and logged in using IE and did a View Source and there it was.
Interesting.

You could not log in with Seamonkey?

--
dorayme

I have fixed the html problem and even put al the top content in its
own div so that there are in fact three div's top, middle and bottom.
Still I don't get it working...

Anybody that can see my problem?

#9

In article
<0432ebfd-b34e-459c-b90c-606d8be98342 (AT) m73g2000hsh (DOT) googlegroups.com>,
Yorian <yorianbenjamin (AT) hotmail (DOT) com> wrote:

Quote:

dorayme wrote:
In article
d9c96c76-8f45-4b72-91cb-47dc6da5f... (AT) j22g2000hsf (DOT) googlegroups.com>,
Yorian <yorianbenja... (AT) hotmail (DOT) com> wrote:

Hey everybody,

At the moment I am trying to build a website with a footer at the
bottom of the viewport if the amount of text is too small and at the
bottom of the page if there is enough text.

I'm trying to do this with well formed html and css (as much as
possible). On the internet I found this:
http://matthewjamestaylor.com/blog/b...ooter-demo.htm

It works properly in the demo but I can't get it to work properly in
FF with my own version.

My own version can be found here:
http://web-develop.nl
Login name: Donald
Pass: Rusiushr84

Hopefully anyone can help me.

First thing to do is to fix up errors in the html. For example, you
cannot have repeat IDs like id="nav-home".

I have fixed the html problem and even put al the top content in its
own div so that there are in fact three div's top, middle and bottom.
Still I don't get it working...

Anybody that can see my problem?

Well, it is *very different* to your alleged model in Matthew James
Taylor. You have position: absolute for body and every kind of css
complication, negative margins and floats and fancy negative text
indents.

Honestly, it would take a very good look to sort it all out. But someone
might care to. I am here only to tell you to consider going back to
matthew Taylor and look how much simpler he has it and see if you can
simplify massively yourself.

(btw... poor practice font-size on body of 10pt. Please do not use less
than 100% on body and for content text. The validation is being held up
by your blockquote text being loose in there, enclose it in a p element
inside. The idea for blockquote is really for long quotes.)

--
dorayme

#10

On Apr 26, 11:51 am, dorayme <doraymeRidT... (AT) optusnet (DOT) com.au> wrote:

Quote:

In article
0432ebfd-b34e-459c-b90c-606d8be98... (AT) m73g2000hsh (DOT) googlegroups.com>,

Yorian <yorianbenja... (AT) hotmail (DOT) com> wrote:
dorayme wrote:
In article
d9c96c76-8f45-4b72-91cb-47dc6da5f... (AT) j22g2000hsf (DOT) googlegroups.com>,
Yorian <yorianbenja... (AT) hotmail (DOT) com> wrote:

Hey everybody,

At the moment I am trying to build a website with a footer at the
bottom of the viewport if the amount of text is too small and at the
bottom of the page if there is enough text.

I'm trying to do this with well formed html and css (as much as
possible). On the internet I found this:
http://matthewjamestaylor.com/blog/b...ooter-demo.htm

It works properly in the demo but I can't get it to work properly in
FF with my own version.

My own version can be found here:
http://web-develop.nl
Login name: Donald
Pass: Rusiushr84

Hopefully anyone can help me.

First thing to do is to fix up errors in the html. For example, you
cannot have repeat IDs like id="nav-home".

I have fixed the html problem and even put al the top content in its
own div so that there are in fact three div's top, middle and bottom.
Still I don't get it working...

Anybody that can see my problem?

Well, it is *very different* to your alleged model in Matthew James
Taylor. You have position: absolute for body and every kind of css
complication, negative margins and floats and fancy negative text
indents.

Honestly, it would take a very good look to sort it all out. But someone
might care to. I am here only to tell you to consider going back to
matthew Taylor and look how much simpler he has it and see if you can
simplify massively yourself.

(btw... poor practice font-size on body of 10pt. Please do not use less
than 100% on body and for content text. The validation is being held up
by your blockquote text being loose in there, enclose it in a p element
inside. The idea for blockquote is really for long quotes.)

--
dorayme

I got a little further it had at least partly to do with the margin I
had on the h1 having a margin at the top. Replacing it with a padding
helped but I still have a little bit of scroll which shouldn't be
there. I simplified my stylesheet a little as well (removed the
position absolute and did the margin: 0; padding: 0; for all
elements). I will change the blockquote, but first I'll try to design
correct