[Pro] Page Align Question

I’m trying to get my headers and footers to extend all the way across the page horizontally. It is my understanding that in order to do this I need to set my page alignment to “none.”

But in the Softpress video for FW7, he makes a point of saying that his Alignment for the page is set to “Center.” Does it need to be set to center for the responsiveness of FW7 to work, or is this just a coincidence for this particular video?

Are there any other tutorials for FW7 besides the one short introductory one that Softpress did?

Thanks,

Doty


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

” Does it need to be set to center for the responsiveness of FW7 to work, or is this just a coincidence for this particular video?

Nope. Those settings apply to that particular example. If you want it centred and full width then it needs to be fully inline and Align:none

You centre the page content by setting the Margin on the content wrapper to Auto (centre)

D


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

Ok thanks Dave. I have actually read the manual, but I still have questions. I have my page align set to none. What should the page width be. Flexible?

On the content wrapper, I don’t see a place to set the margin. Only available options are H. Align, V. Align, width, height. My content wrapper is an HTML item.


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

On 8 Sep 2014, 6:56 pm, Doty wrote:

Ok thanks Dave. I have actually read the manual, but I still have questions. I have my page align set to none. What should the page width be. Flexible?

Yep - that’s what I do.

On the content wrapper, I don’t see a place to set the margin. Only available options are H. Align, V. Align, width, height. My content wrapper is an HTML item.

Whenever margin is not available, your item isn’t relative (double click, flushing cursor, insert HTML item).

Cheers

Thomas


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

Dave,

It looks like when I select my content wrapper margin, “auto” wants to center everything (top, bottom, left, right). Or that seems to be the default behavior when I click “auto” and then select “custom.” Is this correct?

Thanks,

Doty


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

Margin>Custom and then Align Centre - which adds Auto to the Left and Right settings.

D


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

How can i center my website pages and prevent the horizontal scrolling bar to be visible ? Have a look at www. artivideo.nl The website is designed for max display resolution of 25601440 pixels. My screen is 19201080 px so hence the horizontal scrolling bar and thus the pages are not centered by default. Vertically there is no scrolling bar (which is also odd).


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

How can i center my website pages and prevent the horizontal scrolling bar to be visible ?

You cant if you have designed the page at 2560px wide - unless your screen is bigger than 2560 wide.

Why have you designed it so wide?

Vertically there is no scrolling bar (which is also odd).

There is on mine which is set at 1920 x 1080

David


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

Because my background picture is 26601440 and modern iMac are 25601440 und thus if you design it at 1920*1080 one gets black parts around the website. These days 2650 * 1440 seems to be the resultion ofApple iMac.

On 23 Sep 2014, 9:20 pm, DeltaDave wrote:

How can i center my website pages and prevent the horizontal scrolling bar to be visible ?

You cant if you have designed the page at 2560px wide - unless your screen is bigger than 2560 wide.

Why have you designed it so wide?

Vertically there is no scrolling bar (which is also odd).

There is on mine which is set at 1920 x 1080

David


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

These days 2650 * 1440 seems to be the resultion ofApple iMac.

2560 x 1440 for a 27" iMac but that doesn’t mean folk are using them at that res. And how many Mac users have a 27" iMac?

The 21.5" iMac is the same res as yours at 1920 x 1080 (scroll bars)

if you design it at 1920*1080 one gets black parts around the website.

I am afraid that is the way of it unless you adjust your layout for different screen sizes.

Here is a link to a site that shows you typical current display sizes - from that you should be able to optimise your site for as many users as possible.

http://www.w3schools.com/browsers/browsers_display.asp

But it is important to remember that just because they may have a specific resolution does not mean that their browser window will be open at full screen width. It typically is not.

D


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

I should have qualified my last answer by saying that you cant do it without scroll bars using your current method.

You have to change your thinking.

Here is a quick example of your page with a 2560 x 1440 background image.

http://www.deltadesign.co/FW7Test/arti.html

The main image computer-background-wallpaper%232%20blur15 is set as a Window Background image - center, center, no-repeat.

The grey gradient is set as a background to a centred section

But this is all done as an inline layout which gives it the flexibility your layout doesn’t have.

D


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

Put the 27inch mac to a lower resolution than 25601440 and you will be shocked by the quality of the content. This display performs best at 25601440.

On 23 Sep 2014, 10:49 pm, DeltaDave wrote:

These days 2650 * 1440 seems to be the resultion ofApple iMac.

2560 x 1440 for a 27" iMac but that doesn’t mean folk are using them at that res. And how many Mac users have a 27" iMac?

The 21.5" iMac is the same res as yours at 1920 x 1080 (scroll bars)

if you design it at 1920*1080 one gets black parts around the website.

I am afraid that is the way of it unless you adjust your layout for different screen sizes.

Here is a link to a site that shows you typical current display sizes - from that you should be able to optimise your site for as many users as possible.

http://www.w3schools.com/browsers/browsers_display.asp

But it is important to remember that just because they may have a specific resolution does not mean that their browser window will be open at full screen width. It typically is not.

D


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

That is what I want but I can not mention it even with your tips. Blue background is put on center, center (the no repeat option I dont have in the freeway 5.5 version).

this tip “The grey gradient is set as a background to a centred section” i dont understand.

On 23 Sep 2014, 11:36 pm, DeltaDave wrote:

I should have qualified my last answer by saying that you cant do it without scroll bars using your current method.

You have to change your thinking.

Here is a quick example of your page with a 2560 x 1440 background image.

http://www.deltadesign.co/FW7Test/arti.html

The main image computer-background-wallpaper%232%20blur15 is set as a Window Background image - center, center, no-repeat.

The grey gradient is set as a background to a centred section

But this is all done as an inline layout which gives it the flexibility your layout doesn’t have.

D


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

But that’s not really the core point Dave is making. Your current construction method does not … cannot adapt to the dizzying number of screen sizes out there or how visitors may adjust their browser windows; it’s too specific. You need to consider a much broader and varied audience. In part it’s about user-experience.

Todd

Put the 27inch mac to a lower resolution than 25601440 and you will be shocked by the quality of the content. This display performs best at 25601440.


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

That is why i design to the highest resolution for the background but place the content condensed in the middle so it is also all visible on lower screen resolutions (keep in mind that you can have for instance 1920*1080 on an 11 inch display as well as on a 27 inch display so resolution is the parameter not the screen size !)

On 23 Sep 2014, 11:51 pm, Todd wrote:

But that’s not really the core point Dave is making. Your current construction method does not … cannot adapt to the dizzying number of screen sizes out there or how visitors may adjust their browser windows; it’s too specific. You need to consider a much broader and varied audience. In part it’s about user-experience.

Todd
http://xiiro.com

Put the 27inch mac to a lower resolution than 25601440 and you will be shocked by the quality of the content. This display performs best at 25601440.


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

There is no reason to have a fixed-width of 2560. None. We’re trying to tell you that you can achieve the effect using a different more flexible and adaptive … responsive method. Your method is not responsive. A method that doesn’t require horizontal scrolling. Once you start thinking in terms of specific widths like 2560 then you’re setting yourself up for inevitable problems.

Todd


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

Freeway 5.5 does not offer a dynamic (elastic) page sizing unfortunately. Ok I will change site to 1920*1080.

On 24 Sep 2014, 12:16 am, Todd wrote:

There is no reason to have a fixed-width of 2560. None. We’re trying to tell you that you can achieve the effect using a different more flexible and adaptive … responsive method. Your method is not responsive. A method that doesn’t require horizontal scrolling. Once you start thinking in terms of specific widths like 2560 then you’re setting yourself up for inevitable problems.

Todd
http://xiiro.com


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

Sure it does! You just need to build it that way. If you don’t want to learn how then buy Caleb’s Backdraft responsive template. You will still need to do some work but it makes for a nice jumpstart. Though I don’t think it’s compatible with FW7 yet.

And going to 1920px still doesn’t solve anything. The tail is still wagging the dog.

Todd

Freeway 5.5 does not offer a dynamic (elastic) page sizing unfortunately. Ok I will change site to 1920*1080.


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

Blue background is put on center, center (the no repeat option I dont have in the freeway 5.5 version).

Doesn’t really matter whether you have no repeat or not as your viewers screen size would have to be bigger than 2560*1440 to cause it to repeat anyway.

It wont cause the excessive page width, it is your physical page width setting of 2560 that is the problem for viewers with a screen any smaller.

The background image will show for viewers with a larger screen even with the page width set at 1280px wide.

“The grey gradient is set as a background to a centred section”

You can Draw an html container anywhere on your page and give it a background in the same way you can apply a background image to the page.

My point is that you can build this in 5.5 and have it look OK on a wide range of devices without setting the page width at 2560 where it will look bad on everything smaller but it requires a different construction method than you are used to.

D


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

Freeway 5.5 does not offer a dynamic (elastic) page sizing
unfortunately.

I would argue that flexible layouts are not a feature of ANY version of
Freeway. That said, the so-called inflow layout is a construction method
possible in each version since 4 (at least). Once you get the hang of that
method of layout, then MAX-WIDTH becomes your friend.


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