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 to the CF scene
    Join Date
    Apr 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Image as background but same on all monitors???

    First to thank you all for your time.

    Here is what is needed:
    Image that is real image/not some graphic, let's say image of some singer
    Now, the image needs to look the same on all monitors from 17"-24" ....
    1.Scales image as needed
    2.Retains image proportions (aspect ratio)
    3.No scrollbars

    To look the same in all browser...\\\

    Idea was width/height:100% : But while it was perfect on 17" on 22" was width-ok but height was a little distorted.

    Now I am thinking that is logically that that is impossible. There are different monitor resolutions, different ratios, and as plus there is image ratio.

    I am posting this here to 'hear' this is possible, with css or no? Or to find out that this is something no one can do.
    Note; Microsoft couldn't do it(remember background of desktop?) you will have different images for different resolutions?!

    Thank you in advance,
    Jaca

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello Jaca,
    Have a look at this bit of jQuery that might do the trick - http://johnpatrickgiven.com/jquery/background-resize/
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad


  •  

    Posting Permissions

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