Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Jul 2008
    Posts
    38
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Need help optimising my site for different screen resolutions

    This is my website that I'm working on:
    http://www.invinciblefx.com/photography/

    At my resolution (1900x1080) it looks how I want it to, like this:
    http://img43.imageshack.us/img43/1558/unled3z.jpg

    I've never tried to do a horizontal scrolling site before and I haven't done any webdevelopment in over a year. I'm looking for suggestions and ideas on what would be the best way to go about making this layout work better on lower resolution screens (ie. not cutting off the footer). I don't want the site to scroll vertically at all, just horizontally.

    I've been looking into a way to resize the photos according to the browser size but have had no luck so far.

    Thanks

  • #2
    Regular Coder djh101's Avatar
    Join Date
    May 2009
    Location
    California
    Posts
    626
    Thanks
    51
    Thanked 67 Times in 67 Posts
    If you don't mind the images being shrunk down, I'd go with a percentage value for their width and height. It seems like that's what you want to do- make the height relative according to browser size. All containers must also be relative, though. Since a percentage value is according to the container, a static container will result in a static image size.
    "Yeah science!"


  •  

    Posting Permissions

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