WordPress.org

Ready to get started?Download WordPress

Forums

Resolution, lock it in at 1024x768 (17 posts)

  1. irondude
    Member
    Posted 8 years ago #

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

  2. vkaryl
    Member
    Posted 8 years ago #

    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.

  3. gnorb
    Member
    Posted 8 years ago #

    After the BODY tag:

    <table width="1008">
    <tr><td>

    CONTENT.....

    </td></tr></table>

    Done :-D

  4. Chris_K
    Member
    Posted 8 years ago #

    The notion of forcing widths makes me cry.

  5. vkaryl
    Member
    Posted 8 years ago #

    Yeah....

  6. isdereks
    Member
    Posted 8 years ago #

    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.

  7. 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 800x600 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.

  8. vkaryl
    Member
    Posted 8 years ago #

    *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.

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

  10. vkaryl
    Member
    Posted 8 years ago #

    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.

  11. kissmykitty
    Member
    Posted 8 years ago #

    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.

  12. vkaryl
    Member
    Posted 8 years ago #

    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"....

  13. gnorb
    Member
    Posted 8 years ago #

    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 "1024x768" 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 800x600 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 1024x768 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 1400x1050, 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)

  14. irondude
    Member
    Posted 8 years ago #

    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.
    http://www.herospy.com/

    Here is the Style:
    http://pastebin.com/580996

  15. vkaryl
    Member
    Posted 8 years ago #

    Please repost all that long code at http://pastebin.com/ then post back here with the link to your bin.

    Thanks!

  16. Add this to your body style list:

    position: relative;

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

  17. doghouse
    Member
    Posted 7 years ago #

    Can someone please help me with this. I am so confused. Now my page has 3 columns, and if the window is resized, or if the resolution is smaller than 1024x768, the columns automatically stack on top of each oter rather than appearing side by side.

    Now I understand that I need to wrap my content with <div> or the table thing, but I don't know what page to put that code on. I am totally clueless.

    Can someone tell me the exact code and which file I need to place the code in?

Topic Closed

This topic has been closed to new replies.

About this Topic