ok. it works when adding those rules. thanks
On Friday, November 23, 2012 12:08:48 AM UTC+1, Niphlod wrote:
>
> did you include the css rules needed ?
>
> html, body { height: 100%; /* The html and body elements
> cannot have any padding or margin. */ } /* Wrapper for page content
> to push down footer */ #wrap { min-height: 100%; height:
> auto !important; height: 100%; /* Negative indent footer by
> it's height */ margin: 0 auto -60px; } /* Set the fixed
> height of the footer here */ #push, #footer { height: 60px;
> } #footer { background-color: #f5f5f5; } /* Lastly,
> apply responsive CSS fixes as necessary */ @media (max-width: 767px) {
> #footer { margin-left: -20px; margin-right: -20px;
> padding-left: 20px; padding-right: 20px; } }
>
>
>
> On Friday, November 23, 2012 12:04:31 AM UTC+1, jonas wrote:
>>
>> Hi. I tried the link and more or less copied the code but the sticky
>> footer don't work. especially the push seems not to work. here is my code:
>>
>> <div id="wrap">
>> <div class="container">
>> <div class="page-header">
>> <h1>page header</h1>
>> </div>
>> <div class="row">
>> <div class="span4"><h3>span4</h3></div>
>> <div class="span8"><h3>span8</h3></div>
>> </div>
>> <div class="row">
>> <div class="span10"><h2>span10</h2></div>
>> <div class="span2"><h2>span2</h2></div>
>> </div>
>> </div>
>> <div id="push"></div>
>> </div>
>>
>> <div id="footer">
>> <h3>sticky footer?</h3>
>> </div>
>>
>>
>> On Thursday, November 1, 2012 1:31:11 PM UTC+1, villas wrote:
>>>
>>> Hi Richard, I presume you already saw this?
>>>
>>> http://twitter.github.com/bootstrap/examples/sticky-footer.html
>>>
>>
--
