Page 1 of 2 12 LastLast
Results 1 to 10 of 13

Thread: View my Site as per User Resolution

  1. #1
    Join Date
    Sep 2006
    Location
    Pakistan
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default View my Site as per User Resolution

    Im design my site 1024x768 Resolution . I want view my site user as per his Resolution settings. plz help me

  2. #2
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    Im design my site 1024x768 Resolution
    There's your problem right there. Stop using pixel sizes.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends franšais | entiendo espa˝ol | t˘i Ýt hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  3. #3
    Join Date
    Mar 2006
    Location
    Illinois, USA
    Posts
    12,164
    Thanks
    265
    Thanked 690 Times in 678 Posts

    Default

    If you're asking how to preview the site at different resolutions, right click on the desktop; properties; settings tab; slide the resolution back and forth to your liking; Hit ok.

    If you're on a mac, not windows, apple menu, system preferences, displays. Choose resolution. (OS9 is similar, though I can't remember the exact steps.)

    There may also be a shortcut icon in the taskbar (windows) or right side of the menu bar (mac), which is a fast way to change the resolution.
    Daniel - Freelance Web Design | <?php?> | <html>| espa˝ol | Deutsch | italiano | portuguŕs | catalÓ | un peu de franšais | some knowledge of several other languages: I can sometimes help translate here on DD | Linguistics Forum

  4. #4
    Join Date
    Oct 2005
    Posts
    65
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    maybe he's asking how to change the looks of the site depending on what resolution the viewer is using?

    I believe you can just do this...


    Code:
    <script language="javascript">
    	var screenSize = screen.width + 'x' + screen.height;
    	
    	switch(screenSize)
    	{
    		case "800x600": window.location="http://www.google.com";
    		case "1024x768": window.location="http://www.yahoo.com";
    		case "1280x1024": window.location="http://www.alltheweb.com";
    	}
    </script>
    I'm not 100% positive though, so someone correct me if I'm wrong.

  5. #5
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    <script language="javascript">
    language is deprecated for type.
    case "800x600": window.location="http://www.google.com";
    case "1024x768": window.location="http://www.yahoo.com";
    case "1280x1024": window.location="http://www.alltheweb.com";
    And if the user is running a different resolution? Or even, doesn't have Javascript enabled? This is a hideous solution that doesn't cater for unusual resolutions, and requires an entirely new page for each possible resolution.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends franšais | entiendo espa˝ol | t˘i Ýt hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  6. #6
    Join Date
    Oct 2005
    Posts
    65
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    well he can always put a very large list of resolutions, or check to see if their browser allows dhtml. if it doesn't then he can set it to the default page for all resolutions.

    Actually, what WILL happen if javascript isn't enabled? Won't it just, not run the script?

    hmmm

  7. #7
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    Actually, what WILL happen if javascript isn't enabled? Won't it just, not run the script?
    Exactly, thus leaving the user on a default page that will most likely look bad at his/her resolution (if the OP is clever) or a blank page (if not).
    well he can always put a very large list of resolutions
    Hm, well, most mobile devices today have a screen size of around 300px&#215;200px, if I remember correctly. The biggest desktop resolution in common use is 1600px&#215;1200px, although larger resolutions are becoming more common as graphic cards become more powerful. Working within those bounds (although they're certainly not a catch-all) there are 1300*1000 == 1,300,000 resolutions possible. Assuming inaccuracy to 20px is acceptable, that reduces it to only 65,000 possible resolutions. No problem to hard-code them all, right? Remembering, of course, that each individual resolution needs a separate page.

    Or the OP could take the easy way out and stop using absolute measurements.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends franšais | entiendo espa˝ol | t˘i Ýt hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  8. #8
    Join Date
    Oct 2005
    Posts
    65
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    lol well Twey, isn't that being a tad bit unrealistic?

    When you make a product, you want to satisfy the majority of the people who will use it. I would say take all the common resolutions on a normal and widescreen

    640 x 480
    800 x 600
    1024 x 768
    1152 x 864
    1600 x 1200
    1280 x 1024
    1600 x 1280
    1680 x 1050

    and maybe a few others. And for mobile users, register yourself a .mobi address and adjust your site to that.

    For the people who use 200 x 1200 resolutions, they don't deserve a specialized display for them.

    Most sites don't even have different displays for different resolutions, so they will never even know the difference.

    As for not using absolute measurements.... no idea how the hell to do that =)

  9. #9
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    When you make a product, you want to satisfy the majority of the people who will use it.
    But if you just design your site well in the first place, you can easily satisfy all the people who can use it.
    As for not using absolute measurements.... no idea how the hell to do that =)
    http://www.w3schools.com/css/default.asp
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends franšais | entiendo espa˝ol | t˘i Ýt hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  10. #10
    Join Date
    Oct 2005
    Posts
    65
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by Twey
    But if you just design your site well in the first place, you can easily satisfy all the people who can use it.
    very true. Can you show me a site that looks as well under 640 x 480 as it does under 1680 x 1050? Or maybe a site that looks good under 300 &#215; 200 and 1680 x 1050.

    Well I guess this is where we have to define "looks good". For me, looking good would be not having to use horizontal scroll bars and being able to read the text clearly.

    I'm sure you can find one, since you are Twey, but I'd like to just take a look at it, since I should probably design my sites that follow the same guidelines.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •