Stretch and move

Discussion in 'Web Design and Development' started by timmillwood, Mar 1, 2007.

  1. timmillwood macrumors 6502a

    Joined:
    Apr 7, 2006
    #1
    How do you make your web sites stretch and move for different screen resolutions, I usually just set tables to % but doesn't always work well.

    Also how do you do it will images and backgrounds?
     
  2. timmillwood thread starter macrumors 6502a

    Joined:
    Apr 7, 2006
    #3
    i know what CSS is and i know it can be used but how?
     
  3. cookie1105 macrumors 6502

    Joined:
    Mar 27, 2006
    Location:
    London, UK
    #4
    A List Apart has some great articles about how to design fluid layouts.
     
  4. beefy23 macrumors member

    Joined:
    Feb 13, 2007
    #5
    Some developers I know try to achieve the same effect by encouraging their targeted end-users to try a range of different 'substances' e.g. 'koolaid' - I've never managed to find out the efficacy of their methods though :D
     
  5. michaelrjohnson macrumors 68020

    Joined:
    Aug 9, 2000
    Location:
    54140
    #6
    For a centered layout, no matter the browser size, you need to create a "wrapper" that all other code will go in. To keep it fluid, just enter a % in wherever width is defined.
    Code:
    #wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 825px;
    }
    
    It should work just fine, although, there's a lot more involved to make the complete site, it's a start! ;)
     
  6. timmillwood thread starter macrumors 6502a

    Joined:
    Apr 7, 2006
  7. timmillwood thread starter macrumors 6502a

    Joined:
    Apr 7, 2006
    #8
    is it possible to resize images on the fly for smaller screen resolutions
     
  8. janitorC7 macrumors 6502a

    janitorC7

    Joined:
    Feb 10, 2006
    Location:
    North Hollywood, CA
    #9
    possibly with a Java script. Ajax can do it, in the application.

    I;m not sure how its done though.

    Cooper
     
  9. Elixer macrumors regular

    Joined:
    Aug 15, 2006
    #10

Share This Page