[Pro] Background Outside The Page Layout

Hi everyone,

How do I go about changing the background outside the left/right side of the page layout?

I have a black background on my 1024 wide page layout but when I upload and brows on a large display - both left/right side of the page is white. Do you know of a link that explains this?

Also, what is a good link to review to ensure my site will adjust accordingly on all different screen resolutions and font sizes.

Thanks a bunch!


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

There’s a significant difference between a background proper and what you describe. When you set a background using the Page Inspector, that background is applied to the body tag, and thus extends off to infinity in every direction. If you create an element – say, an HTML box – send it to back, and give it a background color or image, that’s not a background. That’s a foreground element, sent to back. It has a finite dimension (unless you managed to size it in ems or percentages) and it will do what you describe.

Try starting with a new blank page, and click on the second tab from the left in the Inspector. There you will see a set of controls for the background, which allow you to set an image or color or both as the background for the entire page. If you then layer another drawn element over the top of that, you can create the “page within a page” look that’s so popular.

Walter

On Apr 7, 2012, at 3:28 AM, Fuzzy Z wrote:

Hi everyone,

How do I go about changing the background outside the left/right side of the page layout?


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

Alright - that worked, thank-you!

Any suggestions on my second concern regarding the text and pages being able to adjust accordingly in different screen resolutions and text sizes?

Cheers :slight_smile:


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

to ensure my site will adjust accordingly on all different screen resolutions and font sizes.

What you are looking for is an inline page construction with flexible layout but remember that nowadays screen sizes vary from 240px wide to 2560 (and bigger) and it is very difficult to ensure that your site will look good under every scenario.

It is more important to know your target audience and to optimise your site (or sites) for them. You may need a mobile site as well.

There is also the question of whether to adjust your site/content using media queries such as at this example page http://www.deltadesign.co/fw_examples/media_queries.html - try different browser widths.

This technique is used by Arley McBlain on his own site http://arleym.com/

The buzzword(s) is/are ‘Responsive Web Design’

David


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