 |
 | Home | Contact Us | FAQ | Search & Site Map | Link to Us |
 | Sign In | Join | Other 45 Sites in Network |
| HomeDiscussion GroupsGeneralPHPASPPerlColdFusionFlashHTML, CSS, ScriptsBrowsers |
Webmaster Forum / HTML, CSS, Scripts / CSS / April 2008Keeping the footer at the bottom
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. Cheers, Yorian > Hey everybody, > [quoted text clipped - 17 lines] > > Yorian O yeah, btw the demo comes from this tutorial: http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page > Hey everybody, > [quoted text clipped - 18 lines] > > 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.  SignatureEd Mullen http://edmullen.net Just because you're paranoid doesn't mean they're not out to get you. >> Hey everybody, >> [quoted text clipped - 23 lines] > 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 <div> tags with corresponding CSS. SignatureEd 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. In article <d9c96c76-8f45-4b72-91cb-47dc6da5f20b@j22g2000hsf.googlegroups.com>, > Hey everybody, > [quoted text clipped - 15 lines] > > 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". Signaturedorayme > In article > <d9c96c76-8f45-4b72-91cb-47dc6da5f20b@j22g2000hsf.googlegroups.com>, [quoted text clipped - 21 lines] > 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. SignatureEd Mullen http://edmullen.net Impotence: Nature's way of saying "No hard feelings." > > In article > > <d9c96c76-8f45-4b72-91cb-47dc6da5f20b@j22g2000hsf.googlegroups.com>, [quoted text clipped - 26 lines] > went and logged in using IE and did a View Source and there it was. > Interesting. You could not log in with Seamonkey? Signaturedorayme > In article <2PadnYKFmfKeN4_VnZ2dnUVZ_hGdn...@comcast.com>, > [quoted text clipped - 33 lines] > -- > 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? In article <0432ebfd-b34e-459c-b90c-606d8be98342@m73g2000hsh.googlegroups.com>, > > > > In article > > > > <d9c96c76-8f45-4b72-91cb-47dc6da5f...@j22g2000hsf.googlegroups.com>, [quoted text clipped - 21 lines] > > > > 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.) Signaturedorayme > In article > <0432ebfd-b34e-459c-b90c-606d8be98...@m73g2000hsh.googlegroups.com>, [quoted text clipped - 48 lines] > -- > 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 > > In article > > <0432ebfd-b34e-459c-b90c-606d8be98...@m73g2000hsh.googlegroups.com>, [quoted text clipped - 56 lines] > 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@t54g2000hsg.googlegroups.com>, > > In article > > <0432ebfd-b34e-459c-b90c-606d8be98...@m73g2000hsh.googlegroups.com>, > > > Anybody that can see my problem? > > [quoted text clipped - 20 lines] > 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. Signaturedorayme >>> In article >>> <d9c96c76-8f45-4b72-91cb-47dc6da5f20b@j22g2000hsf.googlegroups.com>, [quoted text clipped - 28 lines] > > 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. SignatureEd Mullen http://edmullen.net UnHallmark Card: Happy birthday! You look great for your age. Almost Lifelike! |
Reply to this Message |
 Sign In
 Join
 My Latest Posts My Monitored Threads My Blog My Photo Gallery My Profile My Homepage Start New Thread Enable EMail Alerts Rate this Thread
|
©2009 Advenet LLC Privacy Policy - Terms of Use
This website includes both content owned or controlled by Advenet as well as content owned or controlled by third parties.