[Pro] website centering

If I “zoom in” on my website the website is not centered horizontal although I put the alignement on “center” at all pages. If I “zoom uit” it is ok. Any ideas how to changes this ?

www.artivideo.nl


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

Because your page size is fixed and so wide, it doesn’t “fit” within the
browser window - until you zoom way out. Retina Macbooks are 1440px wide,
which I think is a good design starting point.

Inspection of the page code shows that it is centered… but the visual
“background elements” are not the page background, but elements that have
been placed and styled to function as the background. So, visually, what
looks like a background does not behave as one. You can actually style the
page background (that thing you centered, remember?) in the same fashion so
as to not need those extra elements.

I don’t actually center the “page” - I center the content within the page…
usually I leave the page undefined and horizontally flexible. Then I place
a box as container for content that is centered (left/right margin set to
auto) with respect to the parent container. So if you build your content
flexibly (like with inline or box-model construction) then you set
max-width of your content container so it can accommodate wider screens as
well as narrower ones.

It’s too bad you didn’t upgrade to at least v6 - there have been several
improvements to positioning since v5. I can’t recall some of the specifics
to that version anymore. Maybe someone else still using your version can
guide you through the details.


Ernie Simpson

On Fri, Oct 17, 2014 at 11:42 AM, Artivideo email@hidden wrote:

If I “zoom in” on my website the website is not centered horizontal
although I put the alignement on “center” at all pages. If I “zoom uit” it
is ok. Any ideas how to changes this ?

www.artivideo.nl


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

That is how I designed my website a week ago namely using a background and make it 1440 wide. But what happens than is that when you zoom out the content of the site breaks up with the background. People advised me never to use a background on the page. Since for some reason inline/css (also called box) does not work with me (it should work but it doesn’t on my iMac), with the sollution I choose now the website stays together when zooming out. Draw back is that you will see white area around it. The only thing I can do is to make the background items 2560*1440 again.

On 17 Oct 2014, 5:29 pm, The Big Erns wrote:

Because your page size is fixed and so wide, it doesn’t “fit” within the
browser window - until you zoom way out. Retina Macbooks are 1440px wide,
which I think is a good design starting point.

Inspection of the page code shows that it is centered… but the visual
“background elements” are not the page background, but elements that have
been placed and styled to function as the background. So, visually, what
looks like a background does not behave as one. You can actually style the
page background (that thing you centered, remember?) in the same fashion so
as to not need those extra elements.

I don’t actually center the “page” - I center the content within the page…
usually I leave the page undefined and horizontally flexible. Then I place
a box as container for content that is centered (left/right margin set to
auto) with respect to the parent container. So if you build your content
flexibly (like with inline or box-model construction) then you set
max-width of your content container so it can accommodate wider screens as
well as narrower ones.

It’s too bad you didn’t upgrade to at least v6 - there have been several
improvements to positioning since v5. I can’t recall some of the specifics
to that version anymore. Maybe someone else still using your version can
guide you through the details.

Ernie Simpson

On Fri, Oct 17, 2014 at 11:42 AM, Artivideo > On 17 Oct 2014, 5:29 pm, The Big Erns wrote:

Because your page size is fixed and so wide, it doesn’t “fit” within the
browser window - until you zoom way out. Retina Macbooks are 1440px wide,
which I think is a good design starting point.

Inspection of the page code shows that it is centered… but the visual
“background elements” are not the page background, but elements that have
been placed and styled to function as the background. So, visually, what
looks like a background does not behave as one. You can actually style the
page background (that thing you centered, remember?) in the same fashion so
as to not need those extra elements.

I don’t actually center the “page” - I center the content within the page…
usually I leave the page undefined and horizontally flexible. Then I place
a box as container for content that is centered (left/right margin set to
auto) with respect to the parent container. So if you build your content
flexibly (like with inline or box-model construction) then you set
max-width of your content container so it can accommodate wider screens as
well as narrower ones.

It’s too bad you didn’t upgrade to at least v6 - there have been several
improvements to positioning since v5. I can’t recall some of the specifics
to that version anymore. Maybe someone else still using your version can
guide you through the details.

Ernie Simpson

On Fri, Oct 17, 2014 at 11:42 AM, Artivideo


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

If I will upgrade to version 7 can I solve my problem (thus make it responsive so it will adapt automatically ) by some simple changes in the present design or do i have to start my website completely from scratch ???

On 17 Oct 2014, 5:29 pm, The Big Erns wrote:

Because your page size is fixed and so wide, it doesn’t “fit” within the
browser window - until you zoom way out. Retina Macbooks are 1440px wide,
which I think is a good design starting point.

Inspection of the page code shows that it is centered… but the visual
“background elements” are not the page background, but elements that have
been placed and styled to function as the background. So, visually, what
looks like a background does not behave as one. You can actually style the
page background (that thing you centered, remember?) in the same fashion so
as to not need those extra elements.

I don’t actually center the “page” - I center the content within the page…
usually I leave the page undefined and horizontally flexible. Then I place
a box as container for content that is centered (left/right margin set to
auto) with respect to the parent container. So if you build your content
flexibly (like with inline or box-model construction) then you set
max-width of your content container so it can accommodate wider screens as
well as narrower ones.

It’s too bad you didn’t upgrade to at least v6 - there have been several
improvements to positioning since v5. I can’t recall some of the specifics
to that version anymore. Maybe someone else still using your version can
guide you through the details.

Ernie Simpson

On Fri, Oct 17, 2014 at 11:42 AM, Artivideo


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

Today I tried the box model according to the tutorial http://users.softpress.com/keith/box_model_tutorial/ (in zip file at bottom of the page). It works if I use solid colour but if I exchange the color by an image it suddenly does not scale horzontal. Vertically it never scales when I zoom out using a colour nor an image. I want to use images. Anyone any idea what is wrong in the tutorial ?


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

Hello,

If you are referring to a page background image that fills the browser window you can try the Background Supersizer Action which can be found here:-

http://actionsforge.com/actions/background-supersizer

I have used this in FWP7 and it appears to work fine for me.

I Hope this is of some help

John


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

No my background consists of many items including buttons so this action is not suitable


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

At the “Softpress Knowledgebase” on the softpress website I read that for Freeway pro 5.5 the following :

“Note also that Master pages do not currently work with box model layouts”

Do in Freeway version 7 master pages work withe the “box model layouts” ???


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

I didn’t work as much with masters in v5, though v6 I think had some improvement as I’ve been using masters more vigorously since and all my layouts are inline or “box-model” constructions.


Ernie Simpson

On Oct 21, 2014, at 11:54 AM, “Artivideo” email@hidden wrote:

At the “Softpress Knowledgebase” on the softpress website I read that for Freeway pro 5.5 the following :

“Note also that Master pages do not currently work with box model layouts”

Do in Freeway version 7 master pages work withe the “box model layouts” ???


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