[Pro] Forcing content to the bottom?

Freeway
1

Is there anyway to force content to the bottom on an inline HTML text box without the use of margins or padding?

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

2

If you are still talking about floated content, there it the Clear setting.
Clear Both set on an inline element with preceding floated elements should
shove the content out of the way.

–
Ernie Simpson

On Wed, Apr 10, 2013 at 11:23 AM, RavenManiac email@hiddenwrote:

Is there anyway to force content to the bottom on an inline HTML text box
without the use of margins or padding?

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

No, I know what Clear does. :slight_smile:

Here’s an example of what I’m trying to do. I have a 500 px wide x 200 px high inline wrapper box. Inside of that I have another inline box that contains text that’s set to a flexible width and height.

I want the text inside the inner inline box to sink to the bottom of the wrapper box.

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

4

I can imagine three ways to do this.

If there is to be nothing else in this box besides the “footer” box, then
Padding the outer box should be good enough. You can even make it all
vertically flexible, and should you ever decide to have more content than
what you’ve already described then everything will remain in it’s relative
position, but you’ll have to give up the idea that the overall height will
remain the same.

A second way would be to insert two divs into your outer box, make them
both available width and use the bottom one for your item “footer”. The top
one, being transparent, will also be invisible. Make their heights add up
to whatever vertical measurement you desire for the outer box (minus any
padding of course) and set those and min-heights. Set the outer box to
flexible height. That way, if you ever add any other content to the inner
boxes they can grow as needed - but again you have to live with the content
determining the height.

My final thought, extend the style of the “footer” box to include
position: relative and bottom: 0px or however far you wish for it to
align from the bottom of its parent. The drawback of this this method is
that if there is any other content in the parent box, it will not react
with the “footer” box. Likely, it will obscure any other content added to
the parent.

–
Ernie Simpson

On Wed, Apr 10, 2013 at 12:47 PM, RavenManiac email@hiddenwrote:

No, I know what Clear does. :slight_smile:

Here’s an example of what I’m trying to do. I have a 500 px wide x 200 px
high inline wrapper box. Inside of that I have another inline box that
contains text that’s set to a flexible width and height.

I want the text inside the inner inline box to sink to the bottom of the
wrapper box.

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