I am debating if I would like the footer at the bottom of the content (I think I do) because then I I am thinking I won’t have to change my layout so much. The way my current layout works/looks, I am not sure I can take the footer and the bottom border out of the wrapper and have it always at the bottom of the screen…
Here is my attempt so far at css2g.webatu.com/test2.shtml
The new page is trying to use the sticky method so it is always at the bottom of the screen. (I have to leave now… till Monday).
I don’t think this method will work for me and allow me to use my 3 background images. I would like to keep those background images to keep my code to text ratio low. Please see: css2g.webatu.com/test3.shtml
I have a background image in the footer, and in the outer wrapper and in the bottom border (bdrb) which gives it a rounded shadow image.
Is there another way where the footer does not have to be outside of the wrapper? For my needs the footer can just be at the bottom of each page, it does not have to be at exact bottom of the screen.
did you find a solution to this? I need to show current document stats at the bottom of a dynamic page in opentext, and if the document is a few pages long but the last page is very short (only a few words/phrases) the “last” footer is not displayed and the user has to scroll down for it. silly…
It’s the maximum margin allowed by Opera (only browser who needs to worry) and I believe the reason for it is because it’s trying cancel out the pseudo element’s whole effect on cleared elements by a very large negative top margin on it. The value up there is Operas limit.
The footer sticky link that was to help me has the footer outside all other divs (including the wrapper div), which I don’t want to do. I would like the footer to stay inside the wrapper if possible. The reason for this is that I have a background image on the wrapper, bordertop (bdrt) and borderbottom (bdrb) are simply used for the curved shadow edges, header and footer. This helps me minimize my html page text and keeps things nicely lined up, easy to modify, as the footer uses the wrapper background image. However it does not seem to work nice on Opera, and maybe a few other obscure browsers. I would like the footer to stay at the bottom of the content, not stick at the bottom of the browser window. Hope I’m being clear.
Note: The footer image is the blue image and the bottom border curved shadow edges should be below that.
Browsers with issues with footer:
Dillo / Ubunto 8,9
Konqueror 4.2 / Debian
SeaMonkey 1.1 / Win XP, Ubunto
MSIE 7.0 / Win XP (Could be OK)
MSIE 5.5 / Win 2000
Opera 9.8 / Win XP,Debian Testing (background image is below footer and bdrb)
Opera 10.0 / Win XP (background image is below footer and bdrb)
Also I noticed many of the browsers (50% -FireFox/Netscape/Navigator/MSIE 6.0 and earlier/old/Seamonkey/Avant/Kazhhakase/Iceweasel/Opera 7.5 old) have the top menu background image (black) across the entire width of the banner whereas it is supposed to be only behind the nav menu text on the right.
thanks and you’re right. Playing with the top and bottom margins and line height seems to affect it for #ftr2 p. Too bad I couldn’t just cancel out the background image in the entire footer or at least ftr2.
Yes, with that setup it is a bit awkward to hide the pale strips because of there is no real good way to do so. The way I have works right now but I am not sure if text resize will change it too much as to show the strips again :). You’re welcome though