Flexi CSS Layouts for Dreamweaver Forum


box Flexi CSS Layouts for Dreamweaver
Flexi CSS Layouts is a Dreamweaver Extension that helps you create browser compliant table-less web pages with ease. Unlike other products that are limited to templated CSS layouts with 1, 2 or 3 columns, with Flexi CSS Layouts for Dreamweaver you can build your own custom layout structure without coding.

Find out more about Flexi CSS Layouts for Dreamweaver

Thread: Equal Column Heights in Layout

title left
User Details
message
title right
Rick Dunlap

post date:
2012-01-06 21:44:41
Hello, love the product, super fast.

One issue I am having is the nasty old equal column heights...

In past I used a simple javascript solution that would look at the divs which I placed in array then calc them as equal...dynamically..

For the few sites I mess with, there is a lot of dynamic content that is arbitrarily added....so left_col, main content, right_col may be different heights

it is a solution I found at Paul Bellows at Yellow Pencil a few years back...has worked on everything ever...

I cant get this to work with your tool, cant figure it out, couple of days of digging around...

heres the broken page...
http://www.spikesimaging.com/services.php

heres the tool I am trying to use....I have tried numerous combinations of divs placed into array...

http://www.paulbellows.com/getsmart/balance_columns/

Thanks for any ideas
Elena Tepardea [Extend Studio]

post date:
2012-02-27 06:48:14
Hello,

put all the columns in one row and set a bg color to that row.
The column that enlarges needs to have the different background color.

Here is a tutorial about how to create the impression that all three columns have same height:
http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks

Regards,
Elena Tepardea