Gunlaug Sørtun wrote in reply to Trevor Bayliss:
> trevor bayliss wrote:
>
>> http://tinyurl.com/2ywavl
>
>> Maybe I`m tired but I can`t work this one out, I have a div called
>> wrapimg (the one that has a tan border) which is meant to contain the
>> divs: leftcontent, centrephoto and flashscroll stopping before the
>> footer.
>
> To make wrapimg "expand to contain" its floating children, you can add...
>
> #wrapimg {overflow: hidden;}
> * html #wrapimg {overflow: visible; height: 1%; /* IE6 and older */}
>
>> I`m trying to set a containing div so that I can have a cross browser
>> background image at the bottom of the div and create instead of
>> unreliable bottom borders which don`t seem to line up horizontally
>> cross browser.
>
> If you want cross-browser line-up, don't forget to make the image tall
> enough to work when the page is exposed to font-resizing.
>
> The Companion column method...
> <http://www.satzansatz.de/cssd/companions.html>
> ....is also well suited for the job.
>
> regards
> Georg
Hi George and Trevor
I see that Trevor already has the guillotine bug [1] present on his page since
the #page div has width (thus hasLayout). Since the #page div contains the
#wrapimg div which will also have hasLayout {overflow: hidden;}, there will be
two divs exposed to the guillotine on the page. When the guillotine is
triggered by hovering the top menu links, this causes the footer which also
with hasLayout (thus layering above the float) to cover part of the #wrapimg
div up to and below the #flashscroll div.
Trevor the only way to control this is insert a clearing element within the
#wrapimg div after the floats in the source. The fun we have with IE bugs.
BTW, you need a background color on the body element and you have validation
errors in the CSS.
[1] <http://css-class.com/articles/explorer/guillotine/index.htm>
Kind Regards, Alan
______________________________________________________________________
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/
