If you download my example document for the FreewayTalk site, you can see one way to do that. Instead of making the slices of the layout different colors, as the FreewayTalk site does, you would just put a border on one side of each of the slices (either top or bottom).
The key to this layout is a fully inline construction. It’s a little more work than the usual Freeway “draw it how you want it” approach, but the reward for that work is getting tricks like this to work at all.
Walter
On Aug 20, 2012, at 8:00 PM, peter cerrato wrote:
Does anyone know how to make the lines/borders that expand with the browser that break up the content on this site:
I created a div for the footer w/ a border on top, and set that div to be 100% width to create the border that expands, figuring I can add the content on top of that div.
It works fine until I center the page, then the fluid lines stop at the edge of the set page width.
Right. If you look at the example document, you’ll see that its Align is set to None. The centering effect is done by creating an inline HTML box within the 100%-width outer wrapper, setting that inline box to a defined width, and setting its margin to Auto. This centers it. All of the central content is built within that inner, centered box.
Walter
On Aug 21, 2012, at 11:53 AM, peter cerrato wrote:
Thanks Walter!
I’m having this issue…
I created a div for the footer w/ a border on top, and set that div to be 100% width to create the border that expands, figuring I can add the content on top of that div.
It works fine until I center the page, then the fluid lines stop at the edge of the set page width.
That’s a ‘lightbulb’ moment for me Walter - marvellous!! I knew I was missing something very basic when trying this out.
woopwoop - happy boy!
Trev
On 21 Aug 2012, at 17:47, Walter Lee Davis wrote:
Right. If you look at the example document, you’ll see that its Align is set to None. The centering effect is done by creating an inline HTML box within the 100%-width outer wrapper, setting that inline box to a defined width, and setting its margin to Auto. This centers it. All of the central content is built within that inner, centered box.
In the example doc, click once on the inner box and look at the Inspector. The Align picker may have a - in it, meaning “I can’t make up my mind”, or it will say Custom. (not near a computer) If you select that, you should see that left and right margins are set to Auto.
In your document, make sure that your inner HTML box was added in as an inline - with the text cursor flashing in the outer box, choose Insert / HTML Item from the main menu. Unless your inner box was added precisely like that, you won’t see the Margin options I described.
Here’s how to think about it. Each element that you want to appear to have a 100% rule above or below it will either have to be 100% wide itself or contained within a 100% wide element. So it depends on your layout, whether the element you are placing vertically needs to have a defined horizontal width, or whether it is a naturally dimensioned element, like a photo or movie. If the latter, you could place the graphic box inline within the “outer box” and set the border on the outer box (and use padding on the outer box to position the border away from its contents). You would not need to have a separate inner HTML box to hold the graphic box.
Walter
On Aug 23, 2012, at 9:40 PM, peter cerrato wrote:
It seems that I would have an “outerbox” for every section of my site where I want to have the fluid bottom border.
So really the only limitation of doing this is that once you have inline objects, the it just becomes more labor intensive to position items, as opposed to in a standard freeway layout where you can just place items anywhere drag and drop.
Right. I find it useful to use a scratch layered layout to work out the way I want it to look, and then re-do that design as inline once it’s settled down. You just have to explain to your client that if they resize their browser window, it won’t look right until you “fix” it. Or send them screenshots to comment on.
The other option is to use the RPL Action, but I haven’t tried to make a 100%-wide page with that, no idea how it would go.
Walter
On Aug 24, 2012, at 10:09 AM, peter cerrato wrote:
So really the only limitation of doing this is that once you have inline objects, the it just becomes more labor intensive to position items, as opposed to in a standard freeway layout where you can just place items anywhere drag and drop.