On 3/19/08, Valerie Wininger <[EMAIL PROTECTED]> wrote:
> Well, the space is coming from the 81px top margin on the #banner div... Can 
> you
> make the banner float next to the photo instead of taking up the full width 
> behind it?

Thank you! This works:

http://weston.canncentral.org/web_lab/MozArbSpaceAboveBlock/fix3.html

It's much less hackish than anything other solution I've seen. The
only problem with it is that it requires retooling the width of
#banner if the photo's changed. Not horrible, but it's a little
convenience drag.

On 3/19/08, David Laakso <[EMAIL PROTECTED]> wrote:
>  It may be collapsing-margins [1], try:
>
>  #content1 .constraint {
>  padding-top: 1px;
>  }

Thank you as well! This works:

http://weston.canncentral.org/web_lab/MozArbSpaceAboveBlock/fix4.html

And combined with "margin-top: -1px;" makes a fairly neat solution.

But I still don't understand what about the margin-collapsing part of
the spec shoves the image down flush with the blue banner if there's
no padding or border to interfere.

-Weston
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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