473,396 Members | 2,140 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,396 software developers and data experts.

footer fixed in Firefox

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
5 4667
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
"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
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
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
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

82
by: Peter Diedrich | last post by:
The site design is pretty simple: ============================================ | Head | ============================================ | | ...
6
by: NWhite | last post by:
Hi all, Could I ask: how do I drop the footer below the content in, for example, this page (and therefore the rest of the site where the problem arises): www.nowpc.co.uk/error404.html It seems...
7
by: Xavier Onassis | last post by:
I would be grateful for recommendations for a CSS layout (header, 2 cols, footer) that can accomodate dynamically added elements. I am not having any luck so far getting this to work in...
14
by: Markus Olderdissen | last post by:
each web-page contains header and footer. if the web-page contains more then one page i want to print its header and footer to each page. but header is only printed on first page and footer on last...
11
by: Grischa Brockhaus | last post by:
Hi, I'm trying to produce a div layout containing a header on the top with fixed height, a footer on the bottom using fixed height and a content layer using what's left of the browsers window. ...
6
by: Martin Plotz | last post by:
Dear Newsgroup, I would like to have a page with a footer on the bottom of the page with a fixed height. The upper part should have the remaining height. In frames I could achieve this with "*" as...
4
by: john | last post by:
Hi to All, I am new to html authoring, so sorry if my terminology is not correct or exact. I would like to position a footer div to the bottom of the browser window. As I research in the web...
2
by: Paul Neave | last post by:
Hello all. Please try this link for me and let me know what you see: http://www.neave.com/temp/stretch_test.html You should see a green header filling the top of the page, a red footer at...
1
by: balurajeev | last post by:
hi all, I am working on aspx page which is having three 'div' tags. First one is header div which is having fixed positioning and left and top position '0px'.Also the div is having 50px...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.