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