By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
429,401 Members | 793 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 429,401 IT Pros & Developers. It's quick & easy.

footer fixed in Firefox

P: n/a
PI
Hi

I want to do with css like this:

logo
------
short text (1 line only)
--------
footer

If I set to footer position:fixed then when I resize window Firefox (to
smaller height size) then footer is going up and up and finally footer will
hidden my logo. Position:absolute don't work like I want
Nov 2 '06 #1
Share this Question
Share on Google+
5 Replies


P: n/a
In article <ei**********@mx1.internetia.pl>,
"PI" <pi@nohost.comwrote:
Hi

I want to do with css like this:

logo
------
short text (1 line only)
--------
footer

If I set to footer position:fixed then when I resize window Firefox (to
smaller height size) then footer is going up and up and finally footer will
hidden my logo. Position:absolute don't work like I want
Yes, footers are very difficult. I just always end up putting the
footer at the bottom of my html in a div and just making some
guessed emed top margin. If there is hardly any content I give it
a bigger top margin, generally not a lot for the other pages. You
want it at the bottom of the viewer's window ideally eh?

Take a look at
<http://www.alistapart.com/d/footers/footer_css3.html>

--
dorayme
Nov 2 '06 #2

P: n/a
"PI" <pi@nohost.comwrote:
>I want to do with css like this:

logo
------
short text (1 line only)
Unless you make an effort to prevent wrapping, you don't know the size
of the client's font and viewport, so your text could wrap to more than
one line.
>--------
footer

If I set to footer position:fixed then when I resize window Firefox (to
smaller height size) then footer is going up and up and finally footer will
hidden my logo.
Something has to give, what *do* you want to happen?

--
Spartanicus
Nov 2 '06 #3

P: n/a
PI

Użytkownik "dorayme" <do************@optusnet.com.aunapisał w wiadomo¶ci
news:do**********************************@news-vip.optusnet.com.au...
In article <ei**********@mx1.internetia.pl>,
"PI" <pi@nohost.comwrote:
>Hi

I want to do with css like this:

logo
------
short text (1 line only)
--------
footer

If I set to footer position:fixed then when I resize window Firefox (to
smaller height size) then footer is going up and up and finally footer
will
hidden my logo. Position:absolute don't work like I want

Yes, footers are very difficult. I just always end up putting the
footer at the bottom of my html in a div and just making some
guessed emed top margin. If there is hardly any content I give it
a bigger top margin, generally not a lot for the other pages. You
want it at the bottom of the viewer's window ideally eh?

Take a look at
<http://www.alistapart.com/d/footers/footer_css3.html>
Thanx, it works
Nov 2 '06 #4

P: n/a
In article <ei**********@mx1.internetia.pl>,
"PI" <pi@nohost.comwrote:
If I set to footer position:fixed then when I resize window Firefox (to
smaller height size) then footer is going up and up and finally footer
will
hidden my logo. Position:absolute don't work like I want
Yes, footers are very difficult. I just always end up putting the
footer at the bottom of my html in a div and just making some
guessed emed top margin. If there is hardly any content I give it
a bigger top margin, generally not a lot for the other pages. You
want it at the bottom of the viewer's window ideally eh?

Take a look at
<http://www.alistapart.com/d/footers/footer_css3.html>
Thanx, it works
What worked for you? The css used at alistapart? That is good.

I did see an idea, sorry, have lost the link, of absolute
positioning of a footer that I thought quite clever once... the
clever bit was that when it "fouled" the main content on resizing
the height of a browser's window, it was sort of transparent,
making it not so glaring a fault... forget how it was done
exactly but must look it up.

--
dorayme
Nov 2 '06 #5

P: n/a
PI
>
>If I set to footer position:fixed then when I resize window Firefox
(to
smaller height size) then footer is going up and up and finally footer
will
hidden my logo. Position:absolute don't work like I want

Yes, footers are very difficult. I just always end up putting the
footer at the bottom of my html in a div and just making some
guessed emed top margin. If there is hardly any content I give it
a bigger top margin, generally not a lot for the other pages. You
want it at the bottom of the viewer's window ideally eh?

Take a look at
<http://www.alistapart.com/d/footers/footer_css3.html>
Thanx, it works

What worked for you? The css used at alistapart? That is good.
Now footer when I'm resizing my page don't hide my top of page.
This is exactly what I want
Nov 3 '06 #6

This discussion thread is closed

Replies have been disabled for this discussion.