Sent by Mark Slosarek on 3 March 2008 22:10
--===============0203495101==
Content-Type: multipart/signed; boundary=Apple-Mail-2-791959951; micalg=sha1;
protocol="application/pkcs7-signature"
--Apple-Mail-2-791959951
Content-Type: text/plain;
charset=US-ASCII;
format=flowed;
delsp=yes
Content-Transfer-Encoding: 7bit
Rebecca,
I have run across a similar problem in my work. My solution was to set
the footer to float:left and a negative top margin . It works well in
most circumstances. The only place it doesn't work that I know of is
when the content is really short, this can be resolved with a min-height
I have setup a demonstration site at: http://mark.slosarek.net/sandbox/sticky_footer/
Hope this helps.
Mark Slosarek
[EMAIL-REMOVED]
http://mark.slosarek.net
AIM: mslosarek
On Mar 3, 2008, at 11:13 AM, Rebecca Mazur wrote:
> Yeah, I thought it might do that.
>
> Here's the thing, though: the folks on the committee want the bottom
> of the footer lined up with the
> bottom of the content on longer pages -- like this:
> http://kenyonbuildout.babywhale.net/visit/subpage.html Knocking out
> the positioning would align the
> top of the footer with the bottom of the content, I believe.
>
> I'm betting this can't be done... but what do I know ;)
>
> ~Rebecca
>
> Valerie Wininger wrote:
>> Sorry about the previous empty post--what I intended to say was: I
>> played
>> around with the css in Firebug and by removing the absolute
>> positioning from
>> the footer div, it dropped down below the nav and allowed all the
>> links to
>> work again. Do you need that div to be absolutely positioned?
>>
>> Valerie
>>
>> On Mon, Mar 3, 2008 at 11:58 AM, Valerie Wininger <
>> [EMAIL-REMOVED]> wrote:
>>
>>>
>>> On Mon, Mar 3, 2008 at 11:36 AM, Rebecca Mazur [EMAIL-REMOVED]>
>>> wrote:
>>>
>>>> Hi all,
>>>>
>>>> Long time, no post.
>>>>
>>>> Here's the problem of the day. I'm working with a web design
>>>> vendor who
>>>> has decided that they need
>>>> to use Javascript to fix what should be a CSS problem. I don't
>>>> find
>>>> this acceptable, but I'm having
>>>> a hard time convincing anyone who makes decisions of that. So
>>>> instead,
>>>> I've got to try to solve the
>>>> problem so we don't have a broken page for people with no
>>>> javascript.
>>>>
>>>> I've had to put this up on my own personal server to show to you.
>>>> Here's the page:
>>>>
>>>> http://theredsetter.com/test/subpage.html
>>>>
>>>> Visit it without Javascript and watch the address roll up over the
>>>> navigation; visit it with to see
>>>> what it should look like. Anyone have a fix for that that
>>>> doesn't use
>>>> Javascript?
>>>>
>>>> Notice that with Javascript off you *can't* use the navigation at
>>>> all
>>>> because the footer gets in the
>>>> way.
>>>>
>>>> Ignore the purple bar at the top -- it's supposed to have images
>>>> in it.
>>>>
>>>> If you notice any other problems, please tell me, but please
>>>> don't yell.
>>>> I don't have a whole lot
>>>> of weight in this process and really can't get things changed.
>>>>
>>>> Thanks,
>>>> ~Rebecca
>>>> ______________________________________________________________________
>>>> css-discuss [EMAIL-REMOVED]]
>>>> http://www.css-discuss.org/mailman/listinfo/css-d
>>>> List wiki/FAQ -- http://css-discuss.incutio.com/
>>>> List policies -- http://css-discuss.org/policies.html
>>>> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>>>>
>>>
>>>
>>> --
>>> Valerie Wininger
>>> www.valeriewininger.com
>>
>>
>>
>>
> ______________________________________________________________________
> css-discuss [EMAIL-REMOVED]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
--Apple-Mail-2-791959951--
--===============0203495101==
Content-Type: text/plain; charset="us-ascii"
MIME-Version: 1.0
Content-Transfer-Encoding: 7bit
Content-Disposition: inline
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
--===============0203495101==--
