Keeping the footer at the bottom

On Apr 26, 12:22 pm, Yorian <yorianbenja... (AT) hotmail (DOT) com> wrote:

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



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

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

In article
<4c71e951-bfa1-4a5e-b8ae-295e9a8fd2e0 (AT) t54g2000hsg (DOT) googlegroups.com>,
Yorian <yorianbenjamin (AT) hotmail (DOT) com> wrote:

On Apr 26, 11:51 am, dorayme <doraymeRidT... (AT) optusnet (DOT) com.au> wrote:
In article
0432ebfd-b34e-459c-b90c-606d8be98... (AT) m73g2000hsh (DOT) googlegroups.com>,

Yorian <yorianbenja... (AT) hotmail (DOT) com> wrote:


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.)


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

Just some things to consider, no particular order...

Look up the CSS 2.1 specs and notice what the defaults are on the
elements, you do not need to put them in, that will simplify your css
text. For example, repeat is default for bg images and so is starting
top left. No need to put this in. Ditto with 100% widths on some
elements. (Though there are some situations where it helps to avoid some
IE 6 bugs)

It is not generally advisable unless you are quite experienced to zero
all the margins and paddings with the wildcard *. You then have to
carefully specify for everything again.

Beware of things like line-height: 85%; and font-size: 8pt; (this is
just too small altogether and do not use pts anyway).

Why repeat the menu in a footer? And anyway, it looks awkward having it
*half* in line with the address. Best to drop the menu altogether down
there.

--
dorayme

dorayme wrote:

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

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?

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!