Announcement

Collapse
No announcement yet.

Rendering Web Pages Depending on Screen Resolution

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Rendering Web Pages Depending on Screen Resolution

    Does anyone know of any scripts or how to render web page layouts depending on browser resolution just like Yahoo does?
    Rob

  • #2
    This is down to a users screen resolution isn't it? Nothing to do with the website? I could be way off mark....
    [URL="http://www.aviationweb.net/"]Aviation Web[/URL="http://www.aviationweb.net/"]

    Comment


    • #3
      yes, just like Yahoo. Yahoo's page adjusts depending on your screen resolution.
      Rob

      Comment


      • #4
        You will need to use javascript to redirect the user to a page with a new variable in the url like page.php?resolutionx=1024&resolutiony=768

        Comment


        • #5
          I thought you could just use a fluid-style layout with CSS, like how vB is set up to fill, say, 80% of a user's resolution.
          Forums

          Comment


          • #6
            Try this on for size:

            http://particletree.com/features/dyn...ndent-layouts/

            Comment


            • #7
              Originally posted by Quillz View Post
              I thought you could just use a fluid-style layout with CSS, like how vB is set up to fill, say, 80% of a user's resolution.
              vB liquid style just occupies the available space. What if you want to show a sidebar to users with 1024x768 resolution & hide it from users who're using 800x600? You would then want to do some JS coding.
              You're spending millions of dollars on a website?!

              Comment


              • #8
                Originally posted by Quillz View Post
                I thought you could just use a fluid-style layout with CSS, like how vB is set up to fill, say, 80% of a user's resolution.

                Thats what i would recommend, unless you want fixed objects (ie. the logo and other stuff) to change proportionately to the screen resolution.

                The problem is that you create a lot of duplicate work doing that. Lots of testing in different resolutions etc.

                Just put a message on your site saying "Best Viewed at 800x600 resolution" etc. Then use CSS with auto-expanding layers/tables. And you can always add a link that will change their screen resolution automatically, they just have to hit save etc).

                These days statistics show that most home-users are using 1024x768 resolution. The days of 800x600 are long gone, now that computer screens have gotten larger (ie. 17inch or larger).

                Comment


                • #9
                  Create your design without resolution in mind, other than some reasonable minimum of 800 x 600 or a better 1024 x 780. Remember users can resize fonts, resize their browser, surround the viewport with panels, etc. You have little control over what to display given their settings.
                  --filburt1, vBulletin.org/vBulletinTemplates.com moderator
                  Web Design Forums.net: vB Board of the Month
                  vBulletin Mail System (vBMS): webmail for your forum users

                  Comment

                  Related Topics

                  Collapse

                  • PiotrGT1
                    Blank Pages on certain topics
                    by PiotrGT1
                    I'm getting randomly blank pages for longer topics. I get this when I'm clicking on page numbers or arrows - however the issue resolves when i do a refresh via my browser when Im on the page which didnt...
                    Fri 12th Dec '14, 12:31am
                  • rhens
                    page selector
                    by rhens
                    in this forum (vBulletin 5 connect feedback) there are 23 pages. i see page 1 of 23 and arrows left and right. here's an idea to fix this that would keep the page clean. how about a down arrow that drops...
                    Tue 1st Oct '13, 10:35am
                  Working...
                  X