Keeping the footer at the bottom

[Yorian]

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

[Yorian]

Re: Keeping the footer at the bottom

On Apr 26, 1:51 am, Yorian <yorianbenja... @hotmail.comwro te:

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/keeping-footers-at-the-bottom-of-the-page

[Ed Mullen]

Re: Keeping the footer at the bottom

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.

--
Ed Mullen

http://edmullen.net

Just because you're paranoid doesn't mean they're not out to get you.

[Ed Mullen]

Re: Keeping the footer at the bottom

Ed Mullen wrote:

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/keeping-footers-at-the-bottom-of-the-page

It depends on having your page structured using four <divtags 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.

[dorayme]

Re: Keeping the footer at the bottom

In article
<d9c96c76-8f45-4b72-91cb-47dc6da5f20b@j2 2g2000hsf.googl egroups.com>,
Yorian <yorianbenjamin @hotmail.comwro te:

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/bottom-footer-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

[dorayme]

Re: Keeping the footer at the bottom

In article <2PadnYKFmfKeN4 _VnZ2dnUVZ_hGdn Z2d@comcast.com >,
Ed Mullen <ed@edmullen.ne twrote:

dorayme wrote:

In article
<d9c96c76-8f45-4b72-91cb-47dc6da5f20b@j2 2g2000hsf.googl egroups.com>,
Yorian <yorianbenjamin @hotmail.comwro te:

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/bottom-footer-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

[Yorian]

Re: Keeping the footer at the bottom

On Apr 26, 8:24 am, dorayme <doraymeRidT... @optusnet.com.a uwrote:

In article <2PadnYKFmfKeN4 _VnZ2dnUVZ_hGdn ...@comcast.com >,
Ed Mullen <e...@edmullen. netwrote:
>
>
>
>
>
>
>

dorayme wrote:

In article
<d9c96c76-8f45-4b72-91cb-47dc6da5f...@j2 2g2000hsf.googl egroups.com>,
Yorian <yorianbenja... @hotmail.comwro te:

>

>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?

[dorayme]

Re: Keeping the footer at the bottom

In article
<0432ebfd-b34e-459c-b90c-606d8be98342@m7 3g2000hsh.googl egroups.com>,
Yorian <yorianbenjamin @hotmail.comwro te:

dorayme wrote:
In article
<d9c96c76-8f45-4b72-91cb-47dc6da5f...@j2 2g2000hsf.googl egroups.com>,
Yorian <yorianbenja... @hotmail.comwro te:

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

[Yorian]

Re: Keeping the footer at the bottom

On Apr 26, 11:51 am, dorayme <doraymeRidT... @optusnet.com.a uwrote:

In article
<0432ebfd-b34e-459c-b90c-606d8be98...@m7 3g2000hsh.googl egroups.com>,
>
>
>
Yorian <yorianbenja... @hotmail.comwro te:

dorayme wrote:
In article
<d9c96c76-8f45-4b72-91cb-47dc6da5f...@j2 2g2000hsf.googl egroups.com>,
Yorian <yorianbenja... @hotmail.comwro te:

>

>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

[Yorian]

Re: Keeping the footer at the bottom

On Apr 26, 12:22 pm, Yorian <yorianbenja... @hotmail.comwro te:

On Apr 26, 11:51 am, dorayme <doraymeRidT... @optusnet.com.a uwrote:
>
>
>

In article
<0432ebfd-b34e-459c-b90c-606d8be98...@m7 3g2000hsh.googl egroups.com>,

>

Yorian <yorianbenja... @hotmail.comwro te:

dorayme wrote:
In article
<d9c96c76-8f45-4b72-91cb-47dc6da5f...@j2 2g2000hsf.googl egroups.com>,
Yorian <yorianbenja... @hotmail.comwro te:

>

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

Alright finally got it, it had to do with address, its size was larger
than the surrounding box therefor stretching it.

[Ed Mullen]

Re: Keeping the footer at the bottom

dorayme wrote:

In article <2PadnYKFmfKeN4 _VnZ2dnUVZ_hGdn Z2d@comcast.com >,
Ed Mullen <ed@edmullen.ne twrote:
>

>dorayme wrote:

>>In article
>><d9c96c76-8f45-4b72-91cb-47dc6da5f20b@j2 2g2000hsf.googl egroups.com>,
>> Yorian <yorianbenjamin @hotmail.comwro te:
>>>
>>>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?
>

I logged in and his page was displayed. However, the URL in the SM
address bar never changed from the log in page. When I did View Source
all I got was the source for that simple log in page. Weird. Works
fine with IE. Even if I spoof my UA, same thing.

--
Ed Mullen

http://edmullen.net

UnHallmark Card: Happy birthday! You look great for your age. Almost
Lifelike!