Support » Themes and Templates » Resolution, lock it in at 1024×768

  • My website was made to look good at 1024×768
    Is there a way that no matter the resolution it stays at this size.
    like if some one was 800×600 it would make them scroll to view the site

Viewing 15 replies - 1 through 15 (of 16 total)
  • Well, using fixed-width will accomplish that, rather than using a fluid-width style.

    I’m not going to comment on the logic or lack thereof.

    After the BODY tag:

    <table width=”1008″>



    Done 😀

    The notion of forcing widths makes me cry.


    fixed width is a of course a personal preference. i’m not sure why someone would want to use tables to achieve this when controlling the width of your div containers works.

    Please oh please ignore gnorb. Tables are the devil.

    Adding this CSS may work:

    body { width: 1000px; }

    If that doesn’t, place a <div> right after your <body> tag and give it an id like “content” and then a closing </div> at the very bottom.

    Then give it some CSS:

    #content { width: 1000px; }

    However, making narrow content for us large resolution users kinda defeats the purpose of using a large resolution.

    I’m kinda encountering this issue as well on my new theme. I was planning on making a spacer image and making it 1000 pixels wide in order to make 800×600 people get scroll bars but still make it full width at higher resolutions. However, there may be a better option out there, like a minimum width in CSS, but I just don’t know about it if it exists.

    *shrug* Vip ol’ buddy, tables aren’t the devil for someone who wants to force resolution…. all part and parcel….

    Each to hisser own I guess.

    But why ruin a perfectly good tableless theme with a table when the same could easily be achived with a <div>?

    Well, some people still like tables. And truthfully, a table setup the way gnorb posted is almost rock-solid in every browser out there. Sometimes divs aren’t.

    I can agree with vkaryl with his last comment. Out of laziness and frustration, I sometimes resort to tables, as several browsers won’t always show the same effect with DIVs.

    Her. I’m a her. She. Whatever. In any case, where the OP is simply looking to impose hisser will upon any poor soul who ventures by, a table would appear to be even a “lesser evil”….

    Actually I’m with xoxo on this one: I’m just plain lazy, know only JEXHTML (JE=Just Enough) and don’t know enough CSS to pull that one from the top of my head. (Thanks for the CSS Viper007Bond.)

    As for forcing widths, while it may just be a matter of preference, it may well also be a matter of necessity. If your writing style is short-and-sweet then a narrower theme will make it seem like you have more content. Nothing I hate more than to write a tiny, sidenote-type post then have it stretched over 1600 px. *ugh* Makes me wanna puke when I see that, and most writters react to it by wanting to fluff their articles with useless material, thereby degrading the reading experience, just so it doesn’t look like total crap.

    It may also be necessary in cases where you want to have mutiple pages per post, but only want up to a certain length. Guessing that someone’s going to look at your site at “1024×768” is hardly the same as forcing them into it. At least when you force them into it, it’s not as bad, even if you do tick off the 800×600 and “small floating browser window” crowd. (Besides 1024 = average anyway)

    Here’s a good example: You lead off all your articles with a picture wrapped by text, except this time you only write a short paragraph. You place the picture there as normal and think, “this looks just fine in my screen 1024×768 screen through my Firefox on Linux browser.” Then you go to your friend’s house which runs his resolution at 1400 x 1050, uses Opera and runs Window. When you look at the site you say “Oh no! now that picture pushes all the text in the next article down! This looks like crud now!”

    I’ve worked as a writer for a number of websites and we’ve gone through entire redesigns in good part for that very reason. On the downside, they tend to alienate people. (Can you imagine my friend, running his resolution at 1400×1050, being subjected to a forced resolution of 800-width? Talk about wasted real estate!) Generally, however, controlled-width themes are much easier to control, aesthetically speaking.

    *chink chink chink* My $0.03 (adjusted for inflation)

    What up Viper007Bond, tried all the suggestions above.
    Adding this CSS almost works:
    body { width: 1000px; }
    I also tried your other option, but it didn’t work. 🙁

    I have a WordPress Three Column Website and the third column does not want to stay with the Posts in the center, it hugs the right of the page..
    Please Help.

    Here is the Style:

    Please repost all that long code at then post back here with the link to your bin.


    Add this to your body style list:

    position: relative;

    That’ll make absolutely positioned items (like your right bar) stay within it’s parent.

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘Resolution, lock it in at 1024×768’ is closed to new replies.