Width Adjustment

Discussion in 'HTML & Website Design' started by nomadicmatt, Dec 1, 2008.

0
  1. #1
    I am just finishing up my new website, http://www.how-to-travel-the-world.com and I was told I should adjust the site for 1024x768 as most people (though not me) use that.

    How can I change the width so it looks good in all resolutions. If I change it to 1024x768, it looks tiny on my screen and I suspect most monitors use a better resolution now so I don't want it to look bad for the higher resolution monitors.


    Any help would be great.

    cheers
     
    nomadicmatt, Dec 1, 2008 IP
  2. gimmick

    gimmick Peon

    Messages:
    51
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    First of all, your site looks good.
    I use resolution 1280x1024 and the page looks a bit big on that.
    With lower resolutions it would fill the browser window, so adjustment is nessecceary.

    This is however a wordpress template, and my guess is the width tag is accessable in the style.css of this theme. Open it in your HTML editor, back it up and then change the 'wrapper' and 'header' widths to 900px, upload the css file and see what happened.

    900px is pretty much todays standard and should look good with all modern resolutions.

    Hope this helps
     
    gimmick, Dec 1, 2008 IP
  3. belkocrnic

    belkocrnic Active Member

    Messages:
    107
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    53
    #3
    Yes, it looks nice, even you can make it 1000px so the users of small resolution will not need adjustments and users with higher resolution will not have problems of reading the content.
    Or, you can make it liquid, but be careful, in higher resolution that can really stretched the content
     
    belkocrnic, Dec 1, 2008 IP
  4. cheapez

    cheapez Active Member

    Messages:
    1,123
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    78
    #4
    design your template for 1024x768 is good, most people use 960px width
    bbc news, cnet, pcworld, ... they use 970px, same for me.
    950-960 is best.
     
    cheapez, Dec 1, 2008 IP
  5. nomadicmatt

    nomadicmatt Peon

    Messages:
    109
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    nomadicmatt, Dec 2, 2008 IP
  6. i.run.shit

    i.run.shit Peon

    Messages:
    61
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #6
    You could always try using fluid width properties. Instead of setting your widths for a pixel size, set them for a percentage size. Although, this can prove to be kind of difficult at times. Setting fluid widths present a problem all on their own with trying to make things look as you visioned them. Anything spanning horizontally will be effected. Remember, if you set the main content area as a fluid width, you have to set everything within it a fluid width as well or else it will either a) overflow out of your main area or b) take up multiple rows.

    A fluid width will insure that even those on the smallest resolution can view your site without having to scroll horizontally.
     
    i.run.shit, Dec 2, 2008 IP