|
|
|
|
|
|
|
|
|
Thread tools
Search this thread
Display Modes
|
|
08-29-2007, 05:15 PM
|
#1
|
Status: Request a custom title
Join date: Apr 2007
Location: UK
Expertise: Code & Programming
Software: Coda, TextMate, Sublime 2
Posts: 2,097
|
Footer
Hi.
I have been coding / integrating my design with an uploading script i bought, and all is well except for one thing.
On www.up-img.com/preview/intr/tos.php, the footer sticks at the bottom of the window, as in it floats there and doesn't go to the very bottom of the page.
Obviously this is a problem, and i have asked a few coders and they can't seem to find a fix, so is there a coder out there who can do this for me please?
Gareth.
|
|
08-29-2007, 06:58 PM
|
#2
|
Status: Member
Join date: Jun 2007
Location:
Expertise:
Software:
Posts: 136
|
well, the problem is position:absolute; positions relative to the parent element and moves with the page. In this case <body>. Thus, you footer is position relative to the viewport.
More info at: http://www.w3schools.com/css/pr_class_position.asp
if you wanted it to stay at the bottom of the viewport while page scrolls, you could use position:fixed; z-index:5; but fixed is implemented as absolute in IE6 therefor would display as you see it now.
what i'm assuming you want is the footer to be at the bottom of the page or the viewport depending on which comes last. there are plenty of options and you'll find them using google.
but my favorite is http://www.themaninblue.com/writing/...ve/2005/08/29/
Side note:
Code:
* {
margin: 0;
padding: 0;
}
Is a bad idea. From http://www.crucialwebhost.com/blog/m...css-technique/:
A lot of designers clear the styling with a global reset, but there’s a problem with doing this. Form buttons and fieldsets are among the few elements that are completely destroyed with the global reset. They lose their native styling that goes beyond the browser. Instead, you should pick-and-choose the elements you want to reset. It also makes it easier to apply your own style to common elements.
|
|
|
08-29-2007, 06:58 PM
|
#3
|
Status: Geek
Join date: Apr 2006
Location: Denver, CO
Expertise: Software
Software: Chrome, Notepad++
Posts: 6,894
|
|
|
08-29-2007, 08:13 PM
|
#4
|
Status: Request a custom title
Join date: Apr 2007
Location: UK
Expertise: Code & Programming
Software: Coda, TextMate, Sublime 2
Posts: 2,097
|
Originally Posted by insub2
well, the problem is position:absolute; positions relative to the parent element and moves with the page. In this case <body>. Thus, you footer is position relative to the viewport.
More info at: http://www.w3schools.com/css/pr_class_position.asp
if you wanted it to stay at the bottom of the viewport while page scrolls, you could use position:fixed; z-index:5; but fixed is implemented as absolute in IE6 therefor would display as you see it now.
what i'm assuming you want is the footer to be at the bottom of the page or the viewport depending on which comes last. there are plenty of options and you'll find them using google.
but my favorite is http://www.themaninblue.com/writing/...ve/2005/08/29/
Side note:
Code:
* {
margin: 0;
padding: 0;
}
Is a bad idea. From http://www.crucialwebhost.com/blog/m...css-technique/:
|
Thank you
|
|
08-29-2007, 10:08 PM
|
#5
|
Status: Custom User Title
Join date: Apr 2005
Location:
Expertise:
Software:
Posts: 2,297
|
I don't know exactly what you mean but when I visit the page the footer sticks to the bottom of the page (I assume position: fixed was used) and since your footer seems to be so large it's taking up a lot of space on the page and really doesn't serve much more purpose than if it was attached to the bottom of the page…
|
|
08-29-2007, 10:38 PM
|
#6
|
Status: Request a custom title
Join date: Apr 2007
Location: UK
Expertise: Code & Programming
Software: Coda, TextMate, Sublime 2
Posts: 2,097
|
I am trying to get it to the bottom of the page..
I will try the other method later
|
|
08-30-2007, 10:44 AM
|
#7
|
Status: Member
Join date: Jan 2007
Location: West Midlands, UK.
Expertise:
Software:
Posts: 371
|
It's because of position:fixed;
#footer {
background: url(images/footer.gif) repeat-x;
height: 73px;
}
Then just clear it above, or in the footer.
|
|
09-01-2007, 07:06 PM
|
#8
|
Status: I'm new around here
Join date: Sep 2007
Location:
Expertise:
Software:
Posts: 9
|
do what leep said
|
|
09-02-2007, 04:14 AM
|
#9
|
Status: Member
Join date: Jun 2007
Location:
Expertise:
Software:
Posts: 136
|
Originally Posted by c4gamerz
do what leep said
|
can't just do what leep said...because if there is a page that has very little content and/or on a user with a large monitor, the footer won't be at the bottom of the page.
hey pixio, why is #content floated left? it doesn't seem that it serves any purpose. also, if you keep it floated left you'll have to clear your #footer.
|
|
|
|
|
|
|
|
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
|
|
|
|