Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Junior Member
    Join Date
    Apr 2006
    Posts
    1
    Member #
    13128
    I built a page at 800x600. I'm trying to figure out how it is I can get the content/layout to be centered, that way when people view the page at say 1024x768, the content doesn't stretch leaving the page with a lot of white space. Sort of like if you made everything in a table and just did a center alignment. Here's a link to what I have.

    https://home.comcast.net/~jerrysmartin

    The navigation on the left stays to the left and the flash on the right stays justified to the right. The content is on a div. I'd like to have it all set to where it will look uniform in whatever resolution.

    Thanks.

    -Mike

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,715
    Member #
    5580
    Liked
    717 times
    You might want to make your banner image width = 760 pixels.
    Then, make a couple changes as shown below ...

    Here's your CSS portion for "body"

    body {
    background-image: url(images/background.jpg);
    background-repeat: repeat-x;
    margin: 0px;
    padding: 0px;
    }


    Try changing it to this:

    html, body {
    background-image: url(images/background.jpg);
    cursor: default;
    font-family: "Verdana", arial, "MS Sans Serif", Geneva, sans-serif;
    font-weight: normal;
    font-size: 10px;
    line-height: normal;
    margin: auto;
    padding: 0px 0px 0px 0px;
    min-width: 760px;
    text-align: center;
    }


    Then, add this to your CSS file and wrap everything inside of it.

    #wrapper {
    margin: 0px;
    width: 760px;
    }

    So, inside your HTML file, you would have

    <body>
    <div id="wrapper">
    .
    .
    .
    .

    </div>
    </body>



Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 01:30 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com