![]() | | ||||||||
| | #1 |
| Ken Perry War Room Member Join Date: Aug 2008 Location: Tucson, Phoenix AZ
Posts: 844
Blog Entries: 11 Thanks: 151
Thanked 406 Times in 197 Posts
|
Is there some kind of script that allows your website to resize to different browsers....at different screen resolution settings? I have an existing website for a client...with static images....that works great in IE, firefox & other browsers when you use a normal screen resolution setting, such as 800x600, 768x1024......but gets jacked up if viewed in wide screen format.... What could I do to cure this? Thanks, Ken |
| | |
| | #2 |
| Active Warrior War Room Member Join Date: Jan 2009
Posts: 77
Thanks: 10
Thanked 5 Times in 5 Posts
|
I'm not sure about software but I use Check Browser Compatibility, Cross Platform Browser Test - Browsershots for Browsers and it also tells you the screen size, operating system, browser and browser version.
|
| | |
| | #3 |
| Warrior Member Join Date: Oct 2009 Location: Scotts Valley, California, USA
Posts: 26
Thanks: 0
Thanked 6 Times in 4 Posts
|
Well, you could use percentages for widths. Go to Google and search on "Fixed vs. Fluid vs. Elastic Layout: What's The Right One For You". The first link is from Smashing Magazine and is a pretty good treatment of the issues. Hope that helps. Frank |
| | |
| | #4 |
| Warrior Member Join Date: Nov 2009
Posts: 12
Thanks: 0
Thanked 2 Times in 2 Posts
| HTML Code: <head> <script type="text/javascript"> window.onload=function(){ var oImg = document.getElementById("oImg"); var iW = parseInt(screen.width); if(iW>1279){ // assume 1280 is max oImg.src="1280.jpg"; }else if(iW>1151){ oImg.src="1152.jpg"; }else if(iW>1023){ oImg.src="1024.jpg"; }else if(iW>959){ oImg.src="960.jpg"; }else{ oImg.src="800.jpg"; } } </script> </head> <body> <img id="oImg" src="" alt="image"/> |
| | |
![]() |
|
| Tags |
| format, screen, viewing, wide |
| Thread Tools | |
| |
![]() |