[thelist] How Do I Make Floating Div Heights Match?

Rachell Coe vinografia at gmail.com
Sun Mar 14 19:52:54 CDT 2010


What a simple solution!!!  You TOTALLY ROCK!  Thank you so much!

Rachell Coe
4 the Grapes
http://www.4theGrapes.com
http://twitter.com/WineryMarketing
http://www.linkedin.com/pub/rachell-coe/5/881/b8a
http://www.facebook.com/pages/4-the-Grapes/123373531673?ref=mf

Web Design, Marketing & Photography
for Small, Boutique and Micro Wineries


On Sun, Mar 14, 2010 at 4:25 PM, David Laakso
<david at chelseacreekstudio.com>wrote:

> Rachell Coe wrote:
>
>> Hi All!  I have 3 floating divs at http://senderswines.server302.com that
>> not only need to have the same heights, but ALL of them need to be able
>> expand the same amount downward whenever one of them has a lot of content.
>>
>> TIA!
>>
>> Rachell Coe
>>
>>
>
>
> It can be done purely with css [1], [2] however these methods are sometimes
> difficult and problematic unless thoroughly checked cross-browser and
> adjusted accordingly and correctly.
>
> A somewhat less difficult method is to use the "faux column [3]" method --
> an image to create the full height illusion.
> Leave the current image you have in the left/right columns.
> Assign the img to #wrapper but rename it #wrapper -1 set img at top left
> repeat-y.
> Create a new wrapper called #wrapper -2 set to open immediately after
> #wrapper-1 and to close immediately before #wrapper-1: assign the same img
> top right repeat-y.
>
> [1]
> <http://www.positioniseverything.net/articles/onetruelayout/equalheight>
> [2]
> <http://www.satzansatz.de/cssd/companions.html>
> [3]
> <http://www.alistapart.com/articles/fauxcolumns/>
>
> Best,
> ~d
>
>
>
> --
> desktop
> http://chelseacreekstudio.com/
> mobile
> http://chelseacreekstudio.mobi/
>
> --
>
> * * Please support the community that supports you.  * *
> http://evolt.org/help_support_evolt/
>
> For unsubscribe and other options, including the Tip Harvester
> and archives of thelist go to: http://lists.evolt.org
> Workers of the Web, evolt !


More information about the thelist mailing list