Ah, here's the problem with that: it attaches a footer to the bottom
of the window, rather than to the bottom of the content. What I'm
looking for is repositioning an existing footer at the bottom of the
longest column in my #content section. There's three columns, and
each is positioned absolutely, so that their parent element
collapses. This is where my main problem comes in. I'm trying to see
if there's a non-floated layout where I can have the footer in the
correct place, just beneath the content.
On Jan 27, 2007, at 6:32 PM, Ⓙⓐⓚⓔ wrote:
> You say footers? I've done footer! the code is mainly css with the
> contents for the footer generated by jquery.
> $("body").metaFootie();
> where
> jQuery.fn.metaFootie = function() {
> var a = []
> $("[EMAIL PROTECTED]").each(function(){a[a.length] = "<acronym title='"
> +
> this.content + "'>" + this.name + "</acronym>"});
> return this.append("<span class='meta'>Meta:" + a.join(' – ') +
> "</span>").children('.meta').click(function(){$(this).hide('slow')})
> }
>
> and the css in question is
> .meta
> {
> color: blue;
> background-color: yellow;
> border: 1px solid #000000;
> position: fixed;
> left: 0px;
> top: auto;
> bottom: 0px;
> display: block;
> font-size: large;
> font-style: italic;
> z-index: 1000;
> width: 100%;
>
> }
>
>
> hope it helps... the guts of the positioning was all in the css!
>
> On 1/27/07, deadguy <[EMAIL PROTECTED]> wrote:
>>
>> Ok, I guess I need to rephrase my question now that part of the
>> original has
>> been answered:
>>
>> I don't know enough javascript to understand exactly what Shaun's
>> code is
>> doing, nor do I have enough jQuery experience to rewrite it in
>> jQuery.
>>
>> Here's what I *want* to do: I want to have jQuery reposition a
>> footer below
>> a div which has no height (because all its children are absolutely
>> positioned). This needs to happen both on window load and resize
>> (possibly
>> even with unhiding content?), in order to keep the footer at the
>> bottom of
>> any columns which change in size.
>>
>> Considering that the dimensions plugin doesn't seem to have any
>> facility to
>> tell me where the bottom of an element is, I think that I need to:
>> grab the
>> height and top offset from the children of #content; add the top
>> offset and
>> height of each child together; determine which child has the
>> greatest total
>> height; and finally set the top of the footer to the result.
>>
>> I am just not sure how to go about this. I've managed to get the
>> height of
>> any one container, and set the top of the footer to that, but of
>> course,
>> it's not down far enough, as I don't have the top offset and such.
>> I can't
>> figure out how to get only the top offset from the dimensions
>> plugin - it
>> hands me an array, and I can't seem to cull just the second
>> element out of
>> it.
>>
>> I know this seems like a silly endeavor, but it seems ridiculous
>> to tack
>> Shaun's code on the end of my HTML when jQuery has such a nice
>> mechanism for
>> firing it off. Also, I've enjoyed noodling around with jQuery, and
>> I've
>> gotten a number of things to work that I'm sure I would have taken
>> me weeks
>> to figure out with pure JS.
>>
>>
>>
>>
>> bmsterling wrote:
>>>
>>> I would assume you can do this quite easily with the dimensions
>>> plugin,
>>> find
>>> the tallest elements and set the position of the footer to
>>> match. To
>>> answer
>>> your question, if done in jquery I believe it would be smaller
>>> and faster.
>>>
>>> -----Original Message-----
>>> From: [EMAIL PROTECTED] [mailto:discuss-
>>> [EMAIL PROTECTED] On
>>> Behalf Of deadguy
>>> Sent: Thursday, January 18, 2007 12:35 PM
>>> To: [email protected]
>>> Subject: [jQuery] position clearing ala Shaun Inman
>>>
>>>
>>> I've been reading through Transcending CSS by Andy Clarke, and he
>>> mentions
>>> using Shaun Inman's clearance method
>>> (http://shauninman.com/post/heap/2006/05/22/
>>> clearance_position_inline_absolu
>>> te)
>>> to position footers when using absolute positioning for layout.
>>>
>>> Since I'm already using jQuery for a number of other things (they
>>> are all
>>> quite simple - I'm still a novice at JS), I was wondering if a
>>> jQuery
>>> version of his script would be smaller/faster or if I ought to
>>> just use
>>> his
>>> script in addition to the jQuery I'm already using.
>>>
>>> Thanks
>>> --
>>> View this message in context:
>>> http://www.nabble.com/position-clearing-ala-Shaun-Inman-
>>> tf3035522.html#a8435
>>> 293
>>> Sent from the JQuery mailing list archive at Nabble.com.
>>>
>>>
>>> _______________________________________________
>>> jQuery mailing list
>>> [email protected]
>>> http://jquery.com/discuss/
>>>
>>>
>>> _______________________________________________
>>> jQuery mailing list
>>> [email protected]
>>> http://jquery.com/discuss/
>>>
>>>
>>
>> --
>> View this message in context: http://www.nabble.com/position-
>> clearing-ala-Shaun-Inman-tf3035522.html#a8671942
>> Sent from the JQuery mailing list archive at Nabble.com.
>>
>>
>> _______________________________________________
>> jQuery mailing list
>> [email protected]
>> http://jquery.com/discuss/
>>
>
>
> --
> Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ
> _______________________________________________
> jQuery mailing list
> [email protected]
> http://jquery.com/discuss/
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
