HTML expanding box...

Thought I had this figured out but… If I place an html box in the center of the page, and set it to 100% height… shouldn’t that expand to hold content placed within the box? And extend to the bottom of the browser window? It previews initially, but upon adding text and graphics inside the html box, it doesn’t keep extending. So My page is set to green, and the html box is white. The html box extends to the bottom of the browser with no content, but when I add content, it’s not expanding… Should extend infinitely set to 100% right?


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

What you should do is make your HTML box have no height. Then the box
will expand to match what ever content (text) it holds. If you adjust
the padding to top sides and bottom, it gives you some freedom in
styling the box.

David

On 25 Oct 2009, at 19:22, “dhrose” email@hidden wrote:

Thought I had this figured out but… If I place an html box in the
center of the page, and set it to 100% height… shouldn’t that
expand to hold content placed within the box? And extend to the
bottom of the browser window? It previews initially, but upon adding
text and graphics inside the html box, it doesn’t keep extending. So
My page is set to green, and the html box is white. The html box
extends to the bottom of the browser with no content, but when I add
content, it’s not expanding… Should extend infinitely set to 100%
right?


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

Then the box will expand to match what ever content (text) it holds.

But it won’t extend any further if the window is bigger than the contents.

k


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

You could even add the min-height:500px into the extended style box to
force the height of the box to maintain at least a uniform height
(500px) when this box is displayed across mutiple pages will little
text. (only modern browers will do this - are we all agreed to not
bother about IE6 anymore?).

David

On 25 Oct 2009, at 21:06, David Owen
email@hidden wrote:

What you should do is make your HTML box have no height. Then the
box will expand to match what ever content (text) it holds. If you
adjust the padding to top sides and bottom, it gives you some
freedom in styling the box.

David

On 25 Oct 2009, at 19:22, “dhrose” email@hidden wrote:

Thought I had this figured out but… If I place an html box in the
center of the page, and set it to 100% height… shouldn’t that
expand to hold content placed within the box? And extend to the
bottom of the browser window? It previews initially, but upon
adding text and graphics inside the html box, it doesn’t keep
extending. So My page is set to green, and the html box is white.
The html box extends to the bottom of the browser with no content,
but when I add content, it’s not expanding… Should extend
infinitely set to 100% right?


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


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

Sometime around 25/10/09 (at 21:14 +0000) David Owen said:

You could even add the min-height:500px into the extended style box

Ahh yes, good call! That’s still not exactly the same but it is an
excellent alternative.

are we all agreed to not bother about IE6 anymore?).

Except to sneer at it, yes? :slight_smile:

k


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

Or you could try and play some trickery with a similarly coloured
background image that displays and repeats the full height of the
(any) screen. Say make the background images the same width of the box
and repeat down the page.

David

On 25 Oct 2009, at 20:17, Keith Martin email@hidden wrote:

Then the box will expand to match what ever content (text) it holds.

But it won’t extend any further if the window is bigger than the
contents.

k


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

Thanks, but I don’t think that’s the answer… Is this not possible in FW? I can do this in DW easily. Basically any div without a height measurement will expand… If I create a div with no height, it will fill the screen as content is added. I thought I could do that in FW by creating a html box and setting it’s height to 100% But if the box has a color, and text is added, the box seems to expand to the bottom of the browser, but the added text flows out of the html box? Not what I would expect… either I’m missing something or FW doesn’t behave correctly i.e. everything seems to be absolute positioning? I guess I’m trying to figure if I can do the some things in FW as I would do in DW. I’ve been using DW in school, so I thought I would go back and try and sort out the differences. Very strange.


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

This is a chronic problem with FW and seemingly unfixable. You think you have problems? Try using an HTML box to hold a caption under a graphic…and put more than one on a page…then you will really know what ten miles of bad road feels like. The HTML boxes will expand without logic or control, slicing the entire page with white bars. “They” will tell you to use a work around, tables, etc., but the basic problem is one that isn’t apparently repairable. Big flaw; big problem. “They” will tell you essentially to live with it. Makes DW look like manna from heaven.

----- Original Message -----
From: “dhrose” email@hidden
To: email@hidden
Sent: Sunday, October 25, 2009 9:29:32 PM GMT -05:00 US/Canada Eastern
Subject: Re: HTML expanding box…

Thanks, but I don’t think that’s the answer… Is this not possible in FW? I can do this in DW easily. Basically any div without a height measurement will expand… If I create a div with no height, it will fill the screen as content is added. I thought I could do that in FW by creating a html box and setting it’s height to 100% But if the box has a color, and text is added, the box seems to expand to the bottom of the browser, but the added text flows out of the html box? Not what I would expect… either I’m missing something or FW doesn’t behave correctly i.e. everything seems to be absolute positioning? I guess I’m trying to figure if I can do the some things in FW as I would do in DW. I’ve been using DW in school, so I thought I would go back and try and sort out the differences. Very strange.


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

Actually, I think it’s a chronic problem with trying to build apps that are
intuitive… everyone’s “intuition” is different.

As far as the problems with height or expansion here, what counts is what
the browser uses to display the page, e.g., code. Freeway is a code
generator, and so must interpret your “intentions” to create page code, and
if your intentions aren’t clear then the result is open to interpretation.
For the most part FW does a great job with generating good overall code, but
you can see that when you want a very specific result you cannot use it in
point-and-shoot mode, but need to guide it to producing the very specific
code results you are looking for.

Anyway, I cannot recall having any issues myself with expanding content
boxes. Better luck next time :slight_smile:

Ernie Simpson


Primordial Freeway User

On Mon, Oct 26, 2009 at 5:53 AM, email@hidden wrote:

This is a chronic problem with FW and seemingly unfixable. You think you
have problems? Try using an HTML box to hold a caption under a graphic…and
put more than one on a page…then you will really know what ten miles of
bad road feels like. The HTML boxes will expand without logic or control,
slicing the entire page with white bars. “They” will tell you to use a work
around, tables, etc., but the basic problem is one that isn’t apparently
repairable. Big flaw; big problem. “They” will tell you essentially to live
with it. Makes DW look like manna from heaven.

----- Original Message -----
From: “dhrose” email@hidden
To: email@hidden
Sent: Sunday, October 25, 2009 9:29:32 PM GMT -05:00 US/Canada Eastern
Subject: Re: HTML expanding box…

Thanks, but I don’t think that’s the answer… Is this not possible in FW?
I can do this in DW easily. Basically any div without a height measurement
will expand… If I create a div with no height, it will fill the screen as
content is added. I thought I could do that in FW by creating a html box and
setting it’s height to 100% But if the box has a color, and text is added,
the box seems to expand to the bottom of the browser, but the added text
flows out of the html box? Not what I would expect… either I’m missing
something or FW doesn’t behave correctly i.e. everything seems to be
absolute positioning? I guess I’m trying to figure if I can do the some
things in FW as I would do in DW. I’ve been using DW in school, so I thought
I would go back and try and sort out the differences. Very strange.


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

DW can be a PITA, but at least it conforms to CSS rules and conventions. FW is great for fast Absolute positioned stuff that doesn’t expand, but beyond that it exhibits some rather strange behavior. I have a LOT of problem getting things to preview correctly, requiring many restarts of the program and browser… I probably should quit messing around and just use DW… but, I would like to find a working strategy for FW, that I can do some basic stuff reliably, and use FW for some things and DW for others. That’s my goal…


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

Basically any div without a height measurement will expand… If I create a div with no height, it will fill the screen as content is added.

So…then set the div to have no height in the inspector pallet as David suggested. Setting the div height to 100% is still setting a height. If you are using FW 5 the page area is set as a div itself so will expand when div within it grows but only if it is inline.

As an experiment, starting with a blank page, insert an inline html box and type a couple of characters into it just to start. With the div selected, in the inspector turn off the height setting and leave the overflow set to visible. Then set the Margin setting in the inspector and to Auto. This will center the box to the page. Adding content to the div with force the page to grow to contain it, but will not change the position or width of the div. Text will still grow beyond the div boundary width wise because it has a fixed size, but the div will grow indefinitely in length because there is no fixed height. Now, if you also turn off the div width setting in the inspector, then set your margins to a fixed size instead of auto, the div will maintain that distance from the page’s edges but will expand with the size of the content.


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

I’d like an html box, to expand the full height of the browser window, as content is added… If my background (page) is set to a color, and the html box is set to a different color… I’d like to have the text and graphics stay within the html box? i.e. not extend outside the box, i.e. not have the box change it’s relative size (100%) as the browser is resized, i.e. have the text editable in layout mode etc. etc. Seems pretty clear to me. I’m no CSS expert, but I do this all the time in DW, so I thought it would not be an issue in FW.


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

On 26 Oct 2009, at 01:29, dhrose wrote:

hanks, but I don’t think that’s the answer… Is this not possible
in FW? I can do this in DW easily. Basically any div without a
height measurement will expand… If I create a div with no height,
it will fill the screen as content is added. I thought I could do
that in FW by creating a html box and setting it’s height to 100%
But if the box has a color, and text is added, the box seems to
expand to the bottom of the browser, but the added text flows out of
the html box? Not what I would expect… either I’m missing
something or FW doesn’t behave correctly i.e. everything seems to be
absolute positioning?

If you’re giving the DIV a height of 100%, that is not ‘no height’.
What you have to do is to clear anything that is in the height field
of the Inspector, or turn it off with the little button next to the
height attribute. That will ensure that the box will expand with its
content. Giving it a height of 100% will merely make it fill the
screen but will not make it expand. Normal behaviour I think?

best wishes,

Paul Bradforth

http://www.paulbradforth.com


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

Sometime around 25/10/09 (at 23:00 -0400) dhrose said:

I’d like an html box, to expand the full height of the browser
window, as content is added…

Aren’t you asking for two slightly different things here?
(1) You want an HTML box to expand to the full height of the browser.
(2) You want the box to expand as you add content.

Which one? I’m confused! Unless I’m missing something here you have
to choose just one of those things…
Could you perhaps post a link to a simple page that does what you
want? I think I’d find it easier to work out what you mean if I can
see a sample of the code that does what you want.

k


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

Longish post but bear with me - I have a solution for you…

Sometime around 25/10/09 (at 15:22 -0400) dhrose said:

Thought I had this figured out but… If I place an html box in the
center of the page, and set it to 100% height… shouldn’t that
expand to hold content placed within the box? And extend to the
bottom of the browser window?

I just tried this.

If I make an HTML box at the top of my page and give it a height of
100% then it expands to fill the page height.

If I add content to the box it doesn’t expand or shrink because it
has a defined height, of course. It is already 100% of the page
height. This goes for working in Freeway and viewing in a browser.

The problem I see comes when the browser window is resized. The
object has been set at 100% of the height of the browser window when
the page was rendered
. The object has been set to a specific size as
defined by the relationship between “100%” and whatever height the
page area within the browser window was when the page was rendered.
Resizing the browser window doesn’t affect this.

If I edit the page code so that “height:100%” is changed to
“min-height:100%” this changes the logic. The object is no longer
given an absolute size (worked out when the browser renders the
page), it is set to be 100% of the browser window’s height BUT that’s
now a minimum rather than an absolute. If there’s more content than
can show in the browser window the object will grow in height, the
user can scroll to see it, and all is - I think - as you want it to
be.

Something to note: Freeway’s output is performing as planned. The
code is kosher and the behaviour is as the code instructs. What you
want is behaviour that requires slightly different code output.

Okay, editing Freeway’s output for experimental purposes is fine, but
it is never a recommended solution for production work as you’ll have
to redo it every single time you publish or preview.

There’s a fairly simple way to get Freeway to produce the output
that you want, although the in-Freeway display as you work in the
layout won’t be perfect:

  1. Make sure there’s some content in the box, then remove the Height
    parameter so the box collapses down to the size of the content.
  2. Choose Item > Extended (command-option-X), select the “div-style”
    tab, and add an item that has min-height for the name and 100% for
    the value.

That’s it - your object now has no Freeway-defined height OR bottom,
allowing it to flex freely. And it also has your user-defined extra
bit that tells the browser that its minimum height should be 100%.

…Okay, IF this is the solution it appears to be (I’ve not tested
this across multiple browsers) then I wonder whether someone with
Action-writing skills could whip up something that changes an HTML
object’s height parameter into min-height and removes the ‘bottom’
parameter if that’s there?

k


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

Once you start pushing FW into areas away from absolute positioned
items, you need to start relying on what is finally published, rather
what is shown in the FW basic object view.

Sometimes it takes a bit of knowledge about what you are trying to
achieve (in code) and work back from that, putting the right code in
the (slight dig here) many available FW slots.

David

On 26 Oct 2009, at 02:49, dhrose wrote:

FW is great for fast Absolute positioned stuff that doesn’t expand,
but beyond that it exhibits some rather strange behavior. I have a
LOT of problem getting things to preview correctly,


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

Sometime around 25/10/09 (at 15:22 -0400) dhrose said:

Thought I had this figured out but…

Have you had a chance to try out the workaround I suggested? I’m
interested to hear whether or not it was any help.

k


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

Yes, that does work… and of course you can add all of the code in FW with extended markup. But, seems like it would make more sense to use a program that has an editor in the first place, if you’re going to have to compare FWs compiled, with straight CSS all the time. Way too many divs for what you need. Like I said, I’d like to get to a point where I use FW for what it does best, and DW for the rest… Trying to explore those options. I’ve been using DW at school for the past 6 months, so it’s been interesting to jump back and forth. Working on PHP now, so back to DW. Thanks for the tips.


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