Designing for all screen resolutions?

Discussion in 'HTML & Website Design' started by Audiomad, Feb 6, 2012.

  1. #1
    I have a laptop which I designed my newest site on, the site to me looks black and glossy but have 2 computers here 1 32bit the other 64bit my laptop is 64bit its newer than the computers which have a max graphics 1gb chip laptop is 3gb.

    But on my laptop the site is black to me while but on the others its a brownish colour it completely destroyed the look of the site, I really need to be designing on the laptop as it's the only one I own is there a fix or is it just the others are older?

    I've chosen black within fireworks which I designed it on so I did not choose brown but to me the design makes or breaks the site.
     
    Audiomad, Feb 6, 2012 IP
  2. ezprint2008

    ezprint2008 Well-Known Member

    Messages:
    611
    Likes Received:
    15
    Best Answers:
    2
    Trophy Points:
    140
    Digital Goods:
    1
    #2
    The color itself as in #000000 would be black on any computer, unless the computer display settings are different. having black turning out brown seems as if the other cpu contract settings etc are too high by default.

    As far as the fix , yes .. You can use a PHP script to determine the browser and quite possibly the cpu with extended script, or simple fix is to have an AJAX file that drops down after the site has been loaded (so you dont lose out on Google bits finding some basic page) ...when the site loads, a timer could count down 2 or 3 seconds, and then open an AJAX div table that asks = what model of computer they're on , if you believe this to be a cpu related issue. When they choose , you have two (or more) folders of the site or! if the colors are simple HTML palette ..then alter the colors in the body, borders etc through the PHP script to change for the different look. This will not affect images, if you need images as well changed, pull them from a seperate image_files folder example: Folder1_images (make model cpu) Folder2_images (make model cpus). Giving the images the same name but altered in photoshop etc to appear the colors you need. Then only having to alter the path such as <image src="Folder1_images/header_banner.jpg">

    That would be the easiest fix. to Change the paths so that they remain dynamic (unless you use two seperate entire folders for every version of the site) If you only choose to alter the file path use PHP for something as this
    <?php
    an if() logic to determine what version /cpu was selected by user pushing a button to select and then something like this:

    if($cpu_model == "the one the user clicked"){
    $folder_images = '<image src="Folder1_images/>';
    }
    elseif($cpu_model == "the other one the user clicked"){
    $folder_images = '<image src="Folder2_images/>';
    }
    elseif( for as many versions as you need ..which selects the path to the folders) etc..
    ?>

    Then anywhere in your site pages where images are the PHP dynamic function would be nested within like this standard example:
    <?php echo $folder_images; ?> header_image.jpg" alt="alt info">

    so you see the standard <image src> tag was started in PHP at the top and then half of it exists inside the body of your site , the first half will be supplied dynamically depending
    on which version the user selects.

    Make sure not to get confused on single and double quotes example " and '
    When you're nesting tags in HTML with PHP ..that's the biggest thing to watch for.
    Otherwise, you're making a full separate version of each site and storing them on your server and having your user pick and then that site folder being called.

    It's a simple trick to code images in your site with so that you can also change out headers etc for Holidays. Notice Yahoo and other sites have a different header /logo with Christmas tree etc. You could change the path automatically by the date that's being read on the users cpu and whatever date it is , it could check a handler file for the corresponding images you have designated for display.

    Any help ?
     
    ezprint2008, Feb 6, 2012 IP
  3. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #3
    Yours is an age old problem often discussed among designers in the past but the problem is due to settings in the computer and the manufacturer of the display or the computer. There is nothing you can do about it so don't worry about it. It's the users problem, not yours. Black is #000 and nothing is going to change that. Ignore any foolishness like @ezprint2008 is suggesting because you can't take into account all manufacturers, displays, devices and so on.
     
    drhowarddrfine, Feb 6, 2012 IP