Super User is a question and answer site for computer enthusiasts and power users. It's 100% free, no registration required.

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I want to create the following 2 prototypes:

  1. The content of the page is in a 960px width centralized. On screens like 1024, the left and right side has a single background color, say orange. The middle (with the 960 px width) has a white background color.

  2. There is a screen wide blue banner at the top about 150px in height, but the content is still within a 960 width centralized again. Other than the screen wide blue banner everywhere else is simply a white background. A good example is the ux.stackexchange website itself.

I tried using axure create global guides > 960 16 column. But I ended up with a webpage that has all the contents consistently starting from 0px 0px aka from the left.

How do I create either prototype on Axure RP 6.5?

share|improve this question

migrated from Jun 13 '13 at 16:43

This question came from our site for user experience researchers and experts.

up vote 4 down vote accepted

You can edit the alignment of the page and the background colour in the Page Style Editor. You can find it under: Wireframe > Page Style Editor...

Page Style Editor

The arrow marks the setting to align the page of the prototype in the middle of the window.

share|improve this answer

You can use the page settings (below the content area) to centre content and set the background colour, which will address both problems. Content will be centred when you generate the prototype. For 2, I recommend using a background master for the banner.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.