Center Design with Background

[Anton Heydenrych]

I have seen the posts regarding using layout properties or <div
align="center"> to center page in browser.

However, when I use either of this, the background is still left
aligned. This happens for background defined in the Style and for
background set for layout (layout properties).

1. How can I get the background to be centered with the page content?
2. If the answer to 1. above includes having the background specified as
part of the layout, how can I get the background to also show (centered)
in the master border areas?

Additional question:

I have a client who wants the page to be centered but then also wants
some part of the design to stretch across the full browser width at the
top and bottom of the page (so as to not let it look empty) As in this
example: https://www.fnb.co.za/

Any idea how this can be done in NOF10?

Thanks for the help!

Anton H

[Peter Eisenburger]

Anton Heydenrych wrote:
> I have seen the posts regarding using layout properties or <div
> align="center"> to center page in browser.
>
> However, when I use either of this, the background is still left
> aligned. This happens for background defined in the Style and for
> background set for layout (layout properties).
>
> 1. How can I get the background to be centered with the page content?

Me found that only works when I use manually paste the <center> tag in
Beginning of Body (</center> in End of Body) _and_ check "Center in
Browser" in Layout Properties.

Peter


> 2. If the answer to 1. above includes having the background specified as
> part of the layout, how can I get the background to also show (centered)
> in the master border areas?
>
> Additional question:
>
> I have a client who wants the page to be centered but then also wants
> some part of the design to stretch across the full browser width at the
> top and bottom of the page (so as to not let it look empty) As in this
> example: https://www.fnb.co.za/
>
> Any idea how this can be done in NOF10?
>
> Thanks for the help!
>
> Anton H

[LBA]

<div align="center"> is your best best to get the page centered. NOF
still does not provide a straightforward method to achieve the border
but here's a fix... http://fusedocs.com/index.cfm?act=sol&id=468

Laurence



Peter Eisenburger wrote:
> Anton Heydenrych wrote:
>> I have seen the posts regarding using layout properties or <div
>> align="center"> to center page in browser.
>>
>> However, when I use either of this, the background is still left
>> aligned. This happens for background defined in the Style and for
>> background set for layout (layout properties).
>>
>> 1. How can I get the background to be centered with the page content?
>
> Me found that only works when I use manually paste the <center> tag in
> Beginning of Body (</center> in End of Body) _and_ check "Center in
> Browser" in Layout Properties.
>
> Peter
>
>
>> 2. If the answer to 1. above includes having the background specified
>> as part of the layout, how can I get the background to also show
>> (centered) in the master border areas?
>>
>> Additional question:
>>
>> I have a client who wants the page to be centered but then also wants
>> some part of the design to stretch across the full browser width at
>> the top and bottom of the page (so as to not let it look empty) As in
>> this example: https://www.fnb.co.za/
>>
>> Any idea how this can be done in NOF10?
>>
>> Thanks for the help!
>>
>> Anton H

[Peter Eisenburger]

LBA wrote:
> <div align="center"> is your best best to get the page centered.

where exactly to place the tag?

P.


NOF
> still does not provide a straightforward method to achieve the border
> but here's a fix... http://fusedocs.com/index.cfm?act=sol&id=468
>
> Laurence
>
>
>
> Peter Eisenburger wrote:
>> Anton Heydenrych wrote:
>>> I have seen the posts regarding using layout properties or <div
>>> align="center"> to center page in browser.
>>>
>>> However, when I use either of this, the background is still left
>>> aligned. This happens for background defined in the Style and for
>>> background set for layout (layout properties).
>>>
>>> 1. How can I get the background to be centered with the page content?
>>
>> Me found that only works when I use manually paste the <center> tag in
>> Beginning of Body (</center> in End of Body) _and_ check "Center in
>> Browser" in Layout Properties.
>>
>> Peter
>>
>>
>>> 2. If the answer to 1. above includes having the background specified
>>> as part of the layout, how can I get the background to also show
>>> (centered) in the master border areas?
>>>
>>> Additional question:
>>>
>>> I have a client who wants the page to be centered but then also wants
>>> some part of the design to stretch across the full browser width at
>>> the top and bottom of the page (so as to not let it look empty) As in
>>> this example: https://www.fnb.co.za/
>>>
>>> Any idea how this can be done in NOF10?
>>>
>>> Thanks for the help!
>>>
>>> Anton H

[Anton Heydenrych]

Thanks, I will try combining the two methods.

Anton H

[Anton Heydenrych]

Thanks, I will try the reference you have given. However, when I tried
it just now, it produced an error ( The web site you are accessing has
experienced an unexpected error.) Perhaps it is just a temporary error.

Anton H

[Nancy O]

This may help shed some light.

http://alt-web.com/Tutorials/centered.html


--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com



"Anton Heydenrych" <nof7user@supronet.co.za> wrote in message
news:f6811d$onc3@flsun90netnews01.netobjects.com.. .
> I have seen the posts regarding using layout properties or <div
> align="center"> to center page in browser.
>
> However, when I use either of this, the background is still left
> aligned. This happens for background defined in the Style and for
> background set for layout (layout properties).
>
> 1. How can I get the background to be centered with the page content?
> 2. If the answer to 1. above includes having the background specified as
> part of the layout, how can I get the background to also show (centered)
> in the master border areas?
>
> Additional question:
>
> I have a client who wants the page to be centered but then also wants
> some part of the design to stretch across the full browser width at the
> top and bottom of the page (so as to not let it look empty) As in this
> example: https://www.fnb.co.za/
>
> Any idea how this can be done in NOF10?
>
> Thanks for the help!
>
> Anton H

[Anton Heydenrych]

Hi Nancy,

Thanks, I just had a peek and have already seen aspects of the set-up I
have missed. This should do the trick, at least for the normal centring
of the background.

Still do not how how to do the top and bottom browser wide
background/graphic thing but that's something else.

Thanks.
Anton H

[LBA]

Beginning of Body:
<div align="center">

End of Body:
</div>

Laurence




Peter Eisenburger wrote:
> LBA wrote:
>> <div align="center"> is your best best to get the page centered.
>
> where exactly to place the tag?
>
> P.
>
>
> NOF
>> still does not provide a straightforward method to achieve the border
>> but here's a fix... http://fusedocs.com/index.cfm?act=sol&id=468
>>
>> Laurence
>>
>>
>>
>> Peter Eisenburger wrote:
>>> Anton Heydenrych wrote:
>>>> I have seen the posts regarding using layout properties or <div
>>>> align="center"> to center page in browser.
>>>>
>>>> However, when I use either of this, the background is still left
>>>> aligned. This happens for background defined in the Style and for
>>>> background set for layout (layout properties).
>>>>
>>>> 1. How can I get the background to be centered with the page content?
>>>
>>> Me found that only works when I use manually paste the <center> tag
>>> in Beginning of Body (</center> in End of Body) _and_ check "Center
>>> in Browser" in Layout Properties.
>>>
>>> Peter
>>>
>>>
>>>> 2. If the answer to 1. above includes having the background
>>>> specified as part of the layout, how can I get the background to
>>>> also show (centered) in the master border areas?
>>>>
>>>> Additional question:
>>>>
>>>> I have a client who wants the page to be centered but then also
>>>> wants some part of the design to stretch across the full browser
>>>> width at the top and bottom of the page (so as to not let it look
>>>> empty) As in this example: https://www.fnb.co.za/
>>>>
>>>> Any idea how this can be done in NOF10?
>>>>
>>>> Thanks for the help!
>>>>
>>>> Anton H

[Waterspider]

"Anton Heydenrych" <nof7user@supronet.co.za> wrote in message
news:f6811d$onc3@flsun90netnews01.netobjects.com.. .
>I have seen the posts regarding using layout properties or <div
>align="center"> to center page in browser.
> However, when I use either of this, the background is still left aligned.
> This happens for background defined in the Style and for background set
> for layout (layout properties).
> 1. How can I get the background to be centered with the page content?

Hi Anton,

I struggled with this too, and learned that it cannot be done *unless* you
use Dynamic Layout.

Of course, I'm sure I've not learned everything, so if anyone knows how to
accomplish page centering with Fixed Layout, I'll be happy to hear about it.
Downright thrilled, actually :-)