Inline box—false bottom

Freeway
1

I usually have inline box set to height Minimum (not sure whether this is the problem of not)—however, when another box is placed inside, the containing box fits snug to the bottom of its contents.

Fine, you might say. But no. much of the content of the inner does not appear.

Only when I manually drag the bottom of the container ‘just’ beyond the bottom of its contents does the content look complete.

Is this right? Would be nice not to have to manually adjust.

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

2

Please post a link.

–
Ernie Simpson

On Sun, Jan 19, 2014 at 9:39 PM, John Cooper email@hidden wrote:

I usually have inline box set to height Minimum (not sure whether this is
the problem of not)—however, when another box is placed inside, the
containing box fits snug to the bottom of its contents.

Fine, you might say. But no. much of the content of the inner does not
appear.

Only when I manually drag the bottom of the container ‘just’ beyond the
bottom of its contents does the content look complete.

Is this right? Would be nice not to have to manually adjust.

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

Hi Ern,

I have made a Test page based on your Inline Master. There is a Section and within it a container. Inside that is a HTML box colored blue.
http://www.oscarwildeinamerica.org/test/test1.html

If I Duplicate that HTML box, it place another identical box below (same height) and looks fine in Freeway. I colored it yellow. The container (height Minimum) expands to accommodate the new item—the lower edge of the container is level with the lower edge of the new box inside it.

However, not quite. The page is wrong—you can’t see all of the second yellow box and the footer gets thrown :
http://www.oscarwildeinamerica.org/test/test2.html

But if I manually drag the container’s height just a little below the second box, all is well:
http://www.oscarwildeinamerica.org/test/test3.html

Needless to say I can’t reproduce the error using your file, just my version of it.

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

4

go to actions forge and seek for auto-clearfix action.
Apply it and you should be done.

Cheers

Thomas

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

5

Thanks, Thomas, that fixes it.

But Ern’s Inline Master doesn’t have the Action and his file seems to work.

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

6

Hi John,

I don’t have time now, but a quick glance tells me that you don’t need to
be floating those two articles - it’s those floats that are messing you up.

I see a few other things that are troublesome, and I’ll address those as
well when I can get back to this. If you look at my Basic Inline template,
outermost containers divide the space vertically, while the first inner
container sets the widths with max-width - yours are fixed. The only
reason to float those articles would be if you want them to appear on the
same line (inline). If they are separate lines (inline) then no width or
100% width work fine.

Applying the Clearfix action to the Parent container of floated elements
fixes the float problem. Often, I will set the overflow property to
hidden which achieves more-or-less the same result.

More later…

–
Ernie Simpson

On Mon, Jan 20, 2014 at 11:07 AM, John Cooper email@hidden wrote:

Hi Ern,

I have made a Test page based on your Inline Master. There is a Section
and within it a container. Inside that is a HTML box colored blue.
http://www.oscarwildeinamerica.org/test/test1.html

If I Duplicate that HTML box, it place another identical box below (same
height) and looks fine in Freeway. I colored it yellow. The container
(height Minimum) expands to accommodate the new item—the lower edge of the
container is level with the lower edge of the new box inside it.

However, not quite. The page is wrong—you can’t see all of the second
yellow box and the footer gets thrown :
http://www.oscarwildeinamerica.org/test/test2.html

But if I manually drag the container’s height just a little below the
second box, all is well:
http://www.oscarwildeinamerica.org/test/test3.html

Needless to say I can’t reproduce the error using your file, just my
version of it.

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

7

Your test pages are gone now - can I assume you’ve resolved this?

–
Ernie Simpson

On Mon, Jan 20, 2014 at 1:27 PM, Ernie Simpson email@hidden wrote:

Hi John,

I don’t have time now, but a quick glance tells me that you don’t need to
be floating those two articles - it’s those floats that are messing you up.

I see a few other things that are troublesome, and I’ll address those as
well when I can get back to this. If you look at my Basic Inline template,
outermost containers divide the space vertically, while the first inner
container sets the widths with max-width - yours are fixed. The only
reason to float those articles would be if you want them to appear on the
same line (inline). If they are separate lines (inline) then no width or
100% width work fine.

Applying the Clearfix action to the Parent container of floated elements
fixes the float problem. Often, I will set the overflow property to
hidden which achieves more-or-less the same result.

More later…

–
Ernie Simpson

On Mon, Jan 20, 2014 at 11:07 AM, John Cooper email@hidden wrote:

Hi Ern,

I have made a Test page based on your Inline Master. There is a Section
and within it a container. Inside that is a HTML box colored blue.
http://www.oscarwildeinamerica.org/test/test1.html

If I Duplicate that HTML box, it place another identical box below (same
height) and looks fine in Freeway. I colored it yellow. The container
(height Minimum) expands to accommodate the new item—the lower edge of the
container is level with the lower edge of the new box inside it.

However, not quite. The page is wrong—you can’t see all of the second
yellow box and the footer gets thrown :
http://www.oscarwildeinamerica.org/test/test2.html

But if I manually drag the container’s height just a little below the
second box, all is well:
http://www.oscarwildeinamerica.org/test/test3.html

Needless to say I can’t reproduce the error using your file, just my
version of it.

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

8

Hi Ern, yes the Clearfix action resolved it.

But I shall have more Inline question anon.

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