[Pro] Expanding Page?

How do I design a web page that grows vertically as the content increases? This particular page is a blog that’s being populated by a CMS.


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

if the div structure (html box) doesn’t have a defined height, then it
shrinks/grows to match its content.

*tip - DO NOT remove the height value of the div UNTIL you put something in
it first. Trying to enter content into an html box of zero height is harder
than it sounds.


Ernie Simpson

On Tue, May 29, 2012 at 11:33 AM, RavenManiac email@hiddenwrote:

How do I design a web page that grows vertically as the content increases?
This particular page is a blog that’s being populated by a CMS.


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

Can you do this with an item as well?


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

Hmm… I’m not sure what you mean by “item”. Divs (called HTML Items in
Freeway Pro, div or html boxes by FreewayTalk users) are containing
structures
in html. These are what I’m talking about. Most other html
elements will technically behave the same way, though mostly not in any
practical sense I can envision.

It’s good to learn what html elements are supposed to do before learning
what you can do with them, I think. My favorite reference for basic
definitions is still W3Schools. http://www.w3schools.com/html/default.asp


Ernie Simpson

On Tue, May 29, 2012 at 2:39 PM, RavenManiac email@hidden wrote:

Can you do this with an item as well?


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

Any HTML box on your page can be flexible. If your page is laid out using the CSS Positioned method (default) then each element you draw on the page will be a separate HTML DIV, alone on an infinite crystal plane called a z-index. When one element grows or shrinks, it can only affect other elements on its own z-index.

You can create a flexible layout with the use of the inline layout technique. You can insert an HTML box inside another HTML box just as if it was a single (square) character of text. When you do that, you can position that inline box using float and clear attributes, and when that inner box expands or contracts due to its content length changing, the outer box responds as well.

A lot of this behavior is automated in the Relative Page Layout (RPL) Action, provided with recent versions of Freeway Pro. (Freeway Express doesn’t need this, because it uses table-based layouts, which already behave this way automatically.) If you have a version of Freeway that includes this (5.5 or 5.6, not sure) then be sure to look in the manual for directions how to use this Action. Properly applied to a correctly-set-up page, the Action will output an inline layout without you needing to nest anything manually in your design.

Walter

On May 29, 2012, at 2:39 PM, RavenManiac wrote:

Can you do this with an item as well?


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