[Pro] Fixed height html items

User of Pro 6. We often want 2 or 3 equal height boxes arranged horizontally. In theory the fixed height option in the inspector palette should do this. It seems fine with the Sensor sample site which we have used as a template. But once we start using it in anger by adding text the boxes become different heights.

In the past we’ve resorted to using table layout but it would be nice to cure this problem. So, any tips?

You can see the problem at http://www.imieurope.com/digitalprintjapan/index.html
The 3 grey ‘event’ boxes.

Thanks,

Mike


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

it would be nice to cure this problem.

This is a much discussed topic on the web and there are several/many ways to deal with it.

Some of these use pure CSS and others use Javascript or repeating bg images.

This one uses JS - http://www.deltadesign.co/FW6Test/same-height-boxe.html
But because it is a JS solution it is not “responsive” ie resizing the text wont change the box heights unless you refresh the page after.

I suggest you search the web for a solution that you are comfortable with as I dont think that there is a ‘native’ FW option.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The “content” of your three boxes is broken down in tables. I assume the IE6 compatibility mode is causing this and is done by Freeway automagically. Increase this mode (probably to normal) in order to get rounded corners and shadow into pure CSS3 mode first.

Once done, we could tackle this by a max-height (overflow hidden worst case) of, let’s say 350px (at least a bit bigger than the highest content box).

At least all of this is anyway just a workaround cause out of experience, I never had a chance to really control the equal hight of all boxes for many reasons - especially (as David already mentioned) in a dynamic web-world.

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Many thanks David and Thomas for your replies.

We’ve found in this instance that increasing the box sizes as Thomas suggested has solved the problem, at least with browsers we can test with.

Thanks,

Mike


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options