Advertisement
Help Keep Boards Alive. Support us by going ad free today. See here: https://subscriptions.boards.ie/.
If we do not hit our goal we will be forced to close the site.

Current status: https://keepboardsalive.com/

Annual subs are best for most impact. If you are still undecided on going Ad Free - you can also donate using the Paypal Donate option. All contribution helps. Thank you.
https://www.boards.ie/group/1878-subscribers-forum

Private Group for paid up members of Boards.ie. Join the club.

Dreamweaver CS6 design query

  • 18-10-2012 06:03PM
    #1
    JayC5
    Registered Users, Registered Users 2 Posts: 333 ✭✭


    Hi,

    Wondering if anyone can help me out:

    I'm creating a website with a standard page template used throughout (width 1000 px, height auto), this will obviously leave white space either side depending on what kind of monitor/resolution etc it is being viewed on/at.

    So, I'm trying to figure out a way to fill this white space with either a repeated image or just a coloured background. It does not matter how much of this is viewable or cut off, I just want to kill the whitespace. Any ideas how I can do this? Some of the pages will be scrollable so I need it to be consistent in that department also.

    Go easy on me, I am noob ;) At this point I have my page design finished, I just need to go back and add in this extra feature but have no idea where to start...

    I appreciate any help folks, cheers


    J


Comments

  • #2
    KonFusion
    Registered Users, Registered Users 2 Posts: 2,559 ✭✭✭KonFusion


    JayC5 wrote: »
    Hi,

    Wondering if anyone can help me out:

    I'm creating a website with a standard page template used throughout (width 1000 px, height auto), this will obviously leave white space either side depending on what kind of monitor/resolution etc it is being viewed on/at.

    So, I'm trying to figure out a way to fill this white space with either a repeated image or just a coloured background. It does not matter how much of this is viewable or cut off, I just want to kill the whitespace. Any ideas how I can do this? Some of the pages will be scrollable so I need it to be consistent in that department also.

    Go easy on me, I am noob ;) At this point I have my page design finished, I just need to go back and add in this extra feature but have no idea where to start...

    I appreciate any help folks, cheers


    J

    Are you familiar with CSS? Divs etc?

    Put your content in a container:

    So you've got something like (in your css):

    #page{

    width: 1000 px;
    height: auto;
    } // Height auto really isn't necessary btw.

    And then in the markup:

    <div id="page">

    ALL OF MY CONTENT

    </div>

    And then everything outside of #page, give it a background color


    PS: Just so you're aware: Setting width at 1000px will not "obviously leave a white space either side depending on what kind of monitor/resolution etc it is being viewed on/at." - It will only do it at monitors with a width > 1000px

    This may be of interest.


Advertisement