Stick Footer Issue in Safari & Chrome

Posted by BlazeK on Stack Overflow See other posts from Stack Overflow or by BlazeK
Published on 2010-01-22T05:47:32Z Indexed on 2010/04/13 0:23 UTC
Read the original article Hit count: 506

Filed under:

sticky-footer

|

css

|

footer

|

safari

|

chrome

My sticky footer works great in all the browsers expect Safari & Chrome, particularly the work.html page itself.

http://obliqueinteractive.com/creative/work.html

I noticed when i delete this css attribute from my style sheet, the problem goes away but doesn't allow for the footer to stick anymore

html, body {height: 100%;}

Could there be other css issues that are forcing the footer to act this way?

© Stack Overflow or respective owner

Related posts about sticky-footer

Problems with sticky footer - CSS - main content wont go 100% height (float)

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm trying to implement hxxp://www.cssstickyfooter.com however I am having a few problems! See screenshot: hxxp://img22.imageshack.us/img22/2654/71161106.jpg The div "Content" contains both left and right columns. On smaller resolutions this is working as expected however once the user starts to increase… >>> More
css sticky footer without scrolbar

as seen on Stack Overflow - Search for 'Stack Overflow'
How to do to avoid having the scroller with a sticky footer to the bottom of the page (not bottom of window)? When I remove height=100% from content and sidebar, I'm no more getting the scroller. However, when doing so, my content and sidebar do not fill all the space down to the footer. <!DOCTYPE… >>> More
3 column sticky footer

as seen on Stack Overflow - Search for 'Stack Overflow'
html, body, #box { padding:0px; margin:0px; height:100%; min-height:100%; } body { background-image:url(images/footerbg.png); background-repeat:repeat-x repeat-y scroll; font-size:12px; font-family:Georgia; color:#564b47; } p, h1 { margin:0px 10px 10px 10px; } h1… >>> More
Sticky footer with CSS Layout Template Module?

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm currently looking into the JQuery library for CSS Layout Template module Is it possible to define the height of a placeholder with *? Meaning it will push content down if it has to, or fill up any remaining space if the complete content is less then the view port. This would be really nice… >>> More
Sticky Footer Dilemma - so close

as seen on Stack Overflow - Search for 'Stack Overflow'
I have an effective sticky footer solution, but I have a slight conflict because of the need for a background image in addition to the repeating banner image across the top. In order to make the large watermark type image show up on this site I added the following div: <div id="body-outer"> The… >>> More

Related posts about css

HTMLUNIT Facebook javascript warning

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi I am trying to create simple application that would be able to search people on facebook using given e-mail. I am already able to log into an account using the HTMLunit tool and even create a page, which should throw result of my search. But when I try to print the result as XML the file is missing… >>> More
$this->headLink() includes duplicated script

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, Just like I did before, I used the following code for my new project. <?=$this->headLink()->appendStylesheet('/Layouts/admin/css/button.css');?> <?=$this->headLink()->appendStylesheet('/Layouts/admin/css/inputText.css');?> <?=$this->headLink()->appendStylesheet('/Layouts/admin/css/fancyTable… >>> More
How much multiple style sheets slow down to website?

as seen on Stack Overflow - Search for 'Stack Overflow'
Here is 3 css file (one is only for IE) <link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection"> <link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print"> <!--[if lt IE 8]><link rel="stylesheet" href="css/blueprint/ie… >>> More
mod_pagespeed is rewriting but not combining

as seen on Stack Overflow - Search for 'Stack Overflow'
I have the following problem. I installed mod_pagespeed but i am not getting the results i want! It does rewrite my css and changes the to the cache url but its not combining the css files. I have seached the web and stackoverflow for it but did not find a solution. Here are the tags <link… >>> More
CSS import or multiple CSS files

as seen on Stack Overflow - Search for 'Stack Overflow'
I originally wanted to include a .css in my HTML doc that loads multiple other .css files in order to divide up some chunks of code for development purposes. I have created a test page: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional… >>> More