On Mon, Jun 7, 2010 at 10:51 AM, Philippe Wittenbergh <e...@l-c-n.com> wrote:
>
> On Jun 7, 2010, at 11:12 PM, Tom Livingston wrote:
>
>> I am back with the same problem. David pointed out the issue, however
>> I really don't understand WHY it's happening, and how to even things
>> out.
>>
>> http://proof.mlinc.com/mlinc.com/testpages/6-10/index.html
>>
>> On this page, I want the footer copyright to hug the bottom of the
>> container above it. In FF, it looks as desired (yes, i'll add a little
>> space in later) but in Safari 4.0.5 (current release) it has a gap.
>> Removing the box-shadow had no effect. What am I missing here?
>
> min-height is what you are missing. Or rather, the issue you see comes from 
> your usage of min-height on your wrapper.
> And I'm not sure if Firefox, per current spec, is correct (the paragraph in 
> the latest spec is much more filled with ambiguity [1]).
> The space you see in WebKit / Opera is the margin-bottom on the <p> that 
> contains 'Tagline'. In Gecko based browsers, that margin-bottom is contained 
> within the min-height wrapper (it cannot escape). WebKit allows the margin to 
> collapse through, creating the gap you see.
>
> [1] http://www.w3.org/TR/CSS21/box.html#collapsing-margins
>> An element's own margins are adjoining if the 'min-height' property is zero, 
>> and it has neither top or bottom borders nor top or bottom padding, and it 
>> has a 'height' of either 0 or 'auto', and it does not contain a line box, 
>> and all of its in-flow children's margins (if any) are adjoining.
>
> There is  a longish thread on www-style on the subject, starting here:
> http://lists.w3.org/Archives/Public/www-style/2008Sep/0081.html
> http://wiki.csswg.org/spec/css2.1#issue-79
>
>
> Philippe
> ---
> Philippe Wittenbergh
> http://l-c-n.com/
>
>

ARG! Thank you Philippe!


-- 

Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
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/

Reply via email to