|
What I have is based on this:
http://scott.sauyet.com/CSS/Demo/FooterDemo1.html[^]
One thing I've noticed that in FF now there's padding at the top with this "solution" (set on purpose) but once it's removed then the footer starts acting weird. If you figure something out that would be awesome, but of course I'd like to know why your changes work, etc. Ya know me, I want to learn from it.
I just don't see how something as simple as a footer was overlooked when setting a new standard.
TIA btw man.
|
|
|
|
|
Hey Jeremy.
I'm sorry for the lateness of this reply but I have been flat out the past couple days.
Anyway I took a look and the page there and quickly reconstucted it so i could make sure i knew exactly what it was doing (PS. The footer breaks in Dreamweaver!).
Ok here is the CSS:
<style type="text/css">
<!--
html, body, #container {
min-height: 100%;
width: 100%;
height: 100%;
}
html>body, html>body #container{
height:auto;
}
body{
font-family:Arial, Helvetica, sans-serif;
margin:0;
}
#container{
position:absolute;
top:0px;
left:0px;
}
#footer{
position:absolute;
left:0px;
bottom:0px;
width:100%;
background-color:#FFFF00;
border:0px;
padding:0px;
}
#content{
margin-bottom: 4em;
height: auto;
padding: .5em;
}
-->
</style>
So that is pretty much how that all works...
This page is an example:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Page with Footer!</title>
<style type="text/css">
<!--
html, body, #container {
min-height: 100%;
width: 100%;
height: 100%;
}
html>body, html>body #container{
height:auto;
}
body{
font-family:Arial, Helvetica, sans-serif;
margin:0;
}
#container{
position:absolute;
top:0px;
left:0px;
}
#footer{
position:absolute;
left:0px;
bottom:0px;
width:100%;
background-color:#FFFF00;
border-top:2em;
height:auto;
}
#content{
margin-bottom: 4em;
height: auto;
padding: .5em;
}
-->
</style>
</head>
<body>
<div id="container">
<div id="content">
This is page content.
It could contain many many many lines of code!
<br />
This is even more content!<br />
And so is this!!
</div>
<div id="footer">
This is a footer!!! <i>Brads amazing facts #451254</i>
<br />
More!!
</div>
</div>
</body>
</html>
I wonder if I should consider writing an article on this sort of thing....
What do you think?
-- modified at 11:46 Monday 18th December, 2006
Brad
Australian
"Keyboard? Ha! I throw magnets over the RAM chips!" - peterchen
|
|
|
|
|
Bradml wrote: I'm sorry for the lateness of this reply but I have been flat out the past couple days.
Now you're gonna make me feel guilty. I understand people gotta have a life. I'm just glad for the free help. No worries man.
|
|
|
|
|
Grrr. I have a new mouse with all these weird buttons that apparently submitted my other post too soon. Anyway...
Bradml wrote: This page is an example:
I opened your example up on FF 2.0 (Windows) and the footer still wasn't at the bottom of the page.
Bradml wrote: I wonder if I should consider writing an article on this sort of thing....
What do you think?
I think it would be useful if we found something that works. After searching Google forever, there's a lot of people wondering the same thing as I - that I've seen anyway.
Most of the solutions I've run across never worked for all major browsers.
|
|
|
|
|
I tested in ff2.
Let me double check the source.
Brad
Australian
"Keyboard? Ha! I throw magnets over the RAM chips!" - peterchen
|
|
|
|
|
No I checked again and it definitely worked.
Did you copy ALL the source for that page?
especially:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
If that doesn't work then take a screen shot of what it looks like and send it to me by email.
Also include:
Screen shot of the help>about Mozilla Firefox
and a complete copy of the source you are using in a text file.
Brad
Australian
"Keyboard? Ha! I throw magnets over the RAM chips!" - peterchen
|
|
|
|
|
I think we have a misunderstanding here. Let me try and be more clear about what I mean.
I'm looking for a footer that's always at the bottom of the viewport, not the document. That is to say, if there's not a lot of data/content on the page it will still be at the bottom. The version you sent me only keeps the footer at the bottom if the document contains a lot of data.
I can send you a mock-up of what I'm talking about if you want. Maybe that's the best way to make sure we're talking apples to apples.
Thanks again.
|
|
|
|
|
Oh, and even though the footer is at the bottom of the viewport, I don't ever want it to overlap content on the website.
|
|
|
|
|
Thanks Brad, that gives me an idea how to solve a problem I'm having.
I'd love to help, but unfortunatley I have prior commitments monitoring the length of my grass. :Andrew Bleakley:
|
|
|
|
|
No problem mate, but how did you stumble apon that post? it is ancient.
Brad
Australian
- Christian Graus on "Best books for VBscript"
A big thick one, so you can whack yourself on the head with it.
|
|
|
|
|
Bradml wrote: but how did you stumble apon that post?
It's this strange thing called searching, yea I know weird eh? I knew the answer was out there in the great intermess. Just a matter of finding it (and learning to work with CP search functionality).
I'd love to help, but unfortunatley I have prior commitments monitoring the length of my grass. :Andrew Bleakley:
|
|
|
|
|
I don't know why I made the assumption you were using tableless design when I suggested using "clear both". I don't know if it works inside tables.
Try using the [tfoot] tag insteaad of [tr][td] for your footer information.
I'm on-line therefore I am.
JimmyRopes
|
|
|
|
|
JimmyRopes wrote: I don't know why I made the assumption you were using tableless design when I suggested using "clear both". I don't know if it works inside tables.
I don't have to use tables, I was just showing the layout I was after using the old school way. If I can get a footer that doesn't overlap and works in all or most major browsers I'll be happy to dump tables and HTML.
|
|
|
|
|
try "clear: both;"
as in [div styles="clear: both;" /]
I'm on-line therefore I am.
JimmyRopes
|
|
|
|
|
That's only with floats
Brad
Australian
"Keyboard? Ha! I throw magnets over the RAM chips!" - peterchen
|
|
|
|
|
Bradml wrote: That's only with floats
Isn't that what he is talking about; floating elements?
I'm on-line therefore I am.
JimmyRopes
|
|
|
|
|
with absolute position....
Brad
Australian
"Keyboard? Ha! I throw magnets over the RAM chips!" - peterchen
|
|
|
|
|
Ask Jeremy! It was just a suggestion.
I'm on-line therefore I am.
JimmyRopes
|
|
|
|
|
In the end I just want a footer that doesn't overlap. I don't really care how it's implemented as long as its supported by most major browsers. TIA btw.
|
|
|
|
|
i have created a website but i am facing problem to create option "remember password on same computer"
if anyone have idea or code to use the same option please send me.
thank you!!!
contact me: ashish.0619@gmail.com
|
|
|
|
|
You would have to use a Session Cookie . See here
|
|
|
|
|
Please don't cross post.
---
It's amazing to see how much work some people will go through just to avoid a little bit of work.
|
|
|
|
|
I want to upload some multimedia file to my website. Just like Youtube does. However, I searched google and didn't find any samples. It seems like there is a control called CSUpload Controls in .Net 2.0. But not sure whether it can load video file.
|
|
|
|
|
I'm not too sure about ASP, but basically the way YouTube does it is:
You upload using the "files" input type (HTML).
They use php.
In php to get a file that was uploaded you call the global variable "$_FILES['filename']"
once they file passes a serious of security checks it is stored in a temporary directory. They then connect to Macromedia Flash encoder using PHP's command line abilities.
When it is encoded into flash it is stored on a server ready to be requested by TouTubers.
See:
Here for Uploading in PHP[^]
Here for PHP command line stuff[^]
Here for info on the Flash encoder[^]
Brad
Australian
"Keyboard? Ha! I throw magnets over the RAM chips!" - peterchen
|
|
|
|
|
mujin03 wrote: But not sure whether it can load video file.
Right... because a "video file" is not a "file".
mujin03 wrote: I searched google and didn't find any samples.
Yes I can understand your difficulty since they hide that information in the documentation[^]
led mike
|
|
|
|