100% Column

Freeway
1

I have a box model with 2 columns. I would like the left hand column to have a background colour and to be 100% of the box height.

Do I simply put 100% in the height box in the inspector? If that’s the way, the it’s not working for me.

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

2

If you float a box at all (and if you’re making columns, you usually have to float) then you can’t use height 100% in my experience. You will want to look at the “faux columns” technique invented by Dan Cedarholm instead. Basically, you create a background image that carries the background color of your column, and set it to tile vertically. Apply that to the parent box (the one that holds the two columns) and then it doesn’t matter if the columns shrink-wrap around their content at all.

screenshot

In this shot, the top stripe is the graphic item that I exported to create the background image. It’s just a yellow box over a white box. The lower area consists of an outer HTML box containing two inline HTML boxes. These inner boxes are set to float left, and indeterminate height (shrink-wrap) and you can see that the left column doesn’t have nearly enough content to force the height. Because the “column” is created by the background image (applied to the outer HTML box) it doesn’t matter at all what size anything is. The longest column will still pull the outer box into shape, and the inner boxes will still flex around their contents.

Walter

On Apr 15, 2012, at 10:51 AM, BigG wrote:

I have a box model with 2 columns. I would like the left hand column to have a background colour and to be 100% of the box height.

Do I simply put 100% in the height box in the inspector? If that’s the way, the it’s not working for me.

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

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

3

Brilliant - thanks Walter, am trying it now and all going well.

Thanks again.

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