[Pro] Long page Inline probelm

Freeway
1

I have an inline website. Today I combined some blogs on one page.
I encountered some problems with the length of the boxes and the page itself. The page does display, but the footer is not on the bottom of the page. After you have scrolled down and reach the footer, then there still is white ‘page’ under the footer.

My other pages are also longer in Freeway, and have a shorter content. I never experienced this behaviour but I think it is a very simple solution. It must have something to do with the settings of my content boxes…

Any idea someone?

http://www.appadvies.nl/appblog/blogartikelen-2012.html#solliciterengemistekans

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

2

Hi Wim,

Your PageDiv has 22000px height
#PageDiv { position:relative; height:22000px; min-height:100% }
Remove the hieght of the PageDiv

It should be something like this:
#PageDiv { position:relative; max-width:100%; min-height:100% }

Op 2 mrt. 2014, om 20:23 heeft Wimdg email@hidden het volgende geschreven:

I have an inline website. Today I combined some blogs on one page.
I encountered some problems with the length of the boxes and the page itself. The page does display, but the footer is not on the bottom of the page. After you have scrolled down and reach the footer, then there still is white ‘page’ under the footer.

My other pages are also longer in Freeway, and have a shorter content. I never experienced this behaviour but I think it is a very simple solution. It must have something to do with the settings of my content boxes…

Any idea someone?

http://www.appadvies.nl/appblog/blogartikelen-2012.html#solliciterengemistekans

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

The PageDiv is set at height: 22000px.

PageDiv is a universal div element Freeway Pro automatically makes to
“wrap” all the page elements up with. It can be a bit mysterious, only
because FWP doesn’t talk about it in normal terms. For example, if you have
nothing selected in the workspace, the Inspector should default to Page
setting… in the General Page setting, you have a Dimensions section and it
is likely set to Min-Height (top-right icon) of 100%.

However, just below that the height is set to 22,000 pixels… uncheck that
icon and you will be good.

Also, I respectfully disagree with Wayfree - no width or max-width or
min-width should be set at all for the PageDiv. Let the browser control
this width.

Best,

–

–
Ernie Simpson

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

4

Thank you! See, it is a simple solution.

Did you copy my thread or something? Because I do not see the original thread anymore.

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

5

This happens sometimes, when the mail message reaches the list (and is replied to) before it is read by the archiving software. The Web representation of this list is simply “subscribed” to the mailing list as if it was a human, and so it can be tripped up by the vagaries of e-mail delivery. (Since e-mail is store-and-forward, the better to route around servers that have gone off-line, or nuclear holocaust, the order of arrival is not strictly guaranteed. Two messages sent by one sender two seconds apart may arrive in the opposite order that they were sent.

Walter

On Mar 2, 2014, at 2:40 PM, Wimdg wrote:

Thank you! See, it is a simple solution.

Did you copy my thread or something? Because I do not see the original thread anymore.

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

6

Two messages sent by one sender two seconds apart may arrive in the
opposite order that they were sent.

All I heard is there’s some quantum-mechanical time-travel thingy set in
the server. Oh, and nuclear holocaust.

Cool.

–

–
Ernie Simpson

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

7

Hi Ernie, Thanks very much! It leaves me wondering a bit about all the other pages of my site. There I have a length of around 4500, and no problem with room under the footer.

And what about the divs with my content: is flexible lenght a good choice here?

Best,

Wim

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

8

OK Walt. I thought my Identity was stolen… But this reassures things! Thanks

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

9

Hey Wim - all your pages should be set the way I described. You may not see
an issue with them because they aren’t long enough to reveal the problem,
but the issue is still there, just waiting to break your page.

I would not leave them at those settings. By having no height (except
min-height:100%) you have flexible height - perfect for your inline
layout. :slight_smile:

On Sunday, March 2, 2014, Wimdg email@hidden wrote:

Hi Ernie, Thanks very much! It leaves me wondering a bit about all the
other pages of my site. There I have a length of around 4500, and no
problem with room under the footer.

And what about the divs with my content: is flexible lenght a good choice
here?

Best,

Wim

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

–

–
Ernie Simpson

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

10

Sorry about that! Copy paste form the wrong stylesheet. :frowning:

Op 2 mrt. 2014, om 20:40 heeft Ernie Simpson email@hidden het volgende geschreven:

Also, I respectfully disagree with Wayfree - no width or max-width or
min-width should be set at all for the PageDiv. Let the browser control
this width.

Best,

–

–
Ernie Simpson

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

11

Just for my understanding Ernie:

The best way is to set page and content divs to min height 100%?

This ensures they will not collapt when there is no content, am I right?

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

12

If you set content items to min-height 100%, they will be 100% of their container element, so you have to look up the document hierarchy to see what that is. Also, if you have min-height: 100% and some padding, the total will be greater than 100%, unless you also apply the Box Sizing Action to the page or that element. The normal HTML Box Model decrees that padding is added to the total dimensions of an object, so if you had a 100% height object with 20px padding top and bottom, the actual height of that object would be 100% + 40px, so guaranteed scroll bars all the time, no matter what size screen it was viewed on. The Box Sizing Action allows you to change that back to something more familiar in a DTP environment, where padding is subtracted from the box size, not added to it.

Walter

On Mar 2, 2014, at 3:22 PM, Wimdg wrote:

Just for my understanding Ernie:

The best way is to set page and content divs to min height 100%?

This ensures they will not collapt when there is no content, am I 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

13

Hi Walt,
I do understand what your saying, but I can’t put it into practice. There is a content div, and a article div. The page is set to 100%
I use the box Sizing action and I have some padding. If I set the content and the article divs to Min % then they show nothing and in there appears a cross there where the ‘show items’ is.

The setting ‘flexible’ is OK, then the contents is there but adding something is very very slow. I think because of the calculating procedure within Freeway or so.

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

14

Can you post a link to a page online that shows this setting? By the way, there is a limit to the amount of stuff you can put in a Freeway page (not an HTML page, but within the Freeway editing interface itself). When you hit that or get near it, things do get weird/slow/non-responsive. If you click on the pasteboard somewhere, so nothing is selected, what does Freeway report in the Inspector for the total page height? Likewise, how tall is the main content div? Also, in a normal Freeway layout (i.e.: not an inline layout, with boxes inserted into other boxes as if they were characters of text) it is entirely possible for the content height to be taller – often dramatically so – than the page height as defined in the Inspector. The content appears to slide off the page bottom, but when you view it in your browser, it’s all there.

Walter

On Mar 3, 2014, at 12:12 PM, Wimdg wrote:

Hi Walt,
I do understand what your saying, but I can’t put it into practice. There is a content div, and a article div. The page is set to 100%
I use the box Sizing action and I have some padding. If I set the content and the article divs to Min % then they show nothing and in there appears a cross there where the ‘show items’ is.

The setting ‘flexible’ is OK, then the contents is there but adding something is very very slow. I think because of the calculating procedure within Freeway or so.

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

15

Walt,

Here is the link:
http://www.appadvies.nl/appblog/blogartikelen-2012-no1.html

Total page height is 22000

The reason I am doing this is to combine blogarticles. I normally have one blog per page. But I find I am collecting too many pages now. I am blogging 3 times a week now and publishing al lot of pages is not very fast…

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

16

You really ought to put those into some sort of pagination, maybe stick to 5 articles per page, with a link to “older” articles below that. That will get your total page height down to something manageable in Freeway.

Also, could definitely benefit from putting each article in its own container, then each one can have an H1 in it without creating a confusing document tree. This would make your archiving process a lot easier, too, since you could click to select the last item on the page and cut it to the clipboard, and then paste it into your top-level section container on the next page, and so on.

But really, if you are going to be blogging like this, static in Freeway, you’re going to need to come up with a better way to compose your posts together, so you don’t end up with a heavy manual process required to manage things. You should definitely look at Perch for this, or another database-driven CMS, since that will allow you to abstract the content away from the presentation, and sort and re-present the content in multiple forms without requiring any manual effort on your part.

Walter

On Mar 3, 2014, at 12:59 PM, Wimdg wrote:

Walt,

Here is the link:
http://www.appadvies.nl/appblog/blogartikelen-2012-no1.html

Total page height is 22000

The reason I am doing this is to combine blogarticles. I normally have one blog per page. But I find I am collecting too many pages now. I am blogging 3 times a week now and publishing al lot of pages is not very fast…

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

17

Hi Walt,
That’s very nice. I am actually glad to hear that. I thought I could do something in Freeway to automate my blogging a bit.
I hate the Wordpress blogging thing, I want something that’s my own and something everyone is using.

Do I understand you well that you are suggesting to get rid of the article header div with my H1 and put that part in the article div?

I like to take a look at Perch. It is not free I guess?

By the way: do you know how I can make a 2048 x 1498 screenshot from a webpage I created? I need these to put a tool called Invision. it is a tool to simulate an app. I am on a MOOC from Stanford and I am busy with a team. We have to create an app prototype. I made pages in Freeway, they are here for you to see: http://www.appadvies.nl/appblog/login.html
We want to create an animation to show the pages in action. Maybe you have some creative idea?

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

18

By the way: do you know how I can make a 2048 x 1498 screenshot from a webpage I created?

I use a Mac app called Paparazzi which captures urls and allows you to save in several graphic formats. It comes with a toolbar thingy so you can capture the current URL easily, you can set the width and height of the capture area… timed captures and interact within the app to capture dynamic activity. I love it.

I’m not at my desk, but you can find it easily through google - its not in the app store, but is one of my prized tools. Shh… don’t tell the others! :slight_smile:

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

19

Great! Thank you very much Ernie! My lips are sealed…

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

20

On Mar 3, 2014, at 1:29 PM, Wimdg wrote:

That’s very nice. I am actually glad to hear that. I thought I could do something in Freeway to automate my blogging a bit.
I hate the Wordpress blogging thing, I want something that’s my own and something everyone is using.

I understand. The only reason I would use a truly static page is if you wanted each blog post to be different than the others, maybe with a custom free-form layout. But from my brief look at your site, what you have is pretty well suited to a CMS blog. Maybe you don’t want to do Wordpress, but there are others that you could try, and they wouldn’t have to look like every other WP site out there.

Do I understand you well that you are suggesting to get rid of the article header div with my H1 and put that part in the article div?

You have a separate H1 for each blog article on the page you linked to. But all of those are all together in the same relative container (). What I would do is insert a separate tag for each article into the

, so you had one article for each post. Then, within each of those tags, you would have the H1 for that article, the various other text content tags, the date, etc. That would still be a valid page, because even though HTML5 allows multiple H1 tags, it still doesn’t expect you to scatter them willy-nilly through your document.

<div id="PCContent">
	<article>
		<h1>Moderne websites</h1>
		<p>...</p>
	</article>
	<article>
		<h1>Tablets en iPads, de strijd</h1>
		<p>...</p>
	</article>
	...
</div>

That maps out to be a proper content headline, with each of those tags creating a new local outline context, separate from the whole-page context.

I like to take a look at Perch. It is not free I guess?

It’s not free, but it’s not very expensive, either. http://grabaperch.com. It’s not perfectly code-free to use, but the code that you do have to create and use is not so odd that you couldn’t mock it up in Freeway and copy and paste to create the final page.

Walter

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