viewing in wide screen format???

Jagged · 11-05-2009, 07:17 PM

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

Gimme4Free · 11-05-2009, 07:39 PM

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.

FrankJohnson · 11-05-2009, 09:05 PM

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

Binggo · 11-06-2009, 11:09 AM

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"/>

That should work.

11-05-2009, 07:17 PM	#1
Jagged Ken Perry War Room Member Join Date: Aug 2008 Location: Tucson, AZ Posts: 481 Blog Entries: 11 Thanks: 92 Thanked 151 Times in 82 Posts Social Networking Contact Info	viewing in wide screen format??? 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
	Putting Tucson Online One Business at a Time! \| Offline Marketing Blog \| IncomeRepeater \| IncomeRepeater 2

11-05-2009, 07:39 PM	#2
Gimme4Free Active Warrior War Room Member Join Date: Jan 2009 Posts: 74 Thanks: 7 Thanked 4 Times in 4 Posts	Re: viewing in wide screen format??? 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.
	Warrior Forum Special Offer: Viral-CPA - Unleash A Traffic Storm On Your Website Today - Over $1000 In 24 hours!!!

11-05-2009, 09:05 PM	#3
FrankJohnson Warrior Member Join Date: Oct 2009 Location: Scotts Valley, California, USA Posts: 24 Thanks: 0 Thanked 4 Times in 4 Posts	Re: viewing in wide screen format??? 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

11-06-2009, 11:09 AM	#4
Binggo Warrior Member Join Date: Nov 2009 Posts: 12 Thanks: 0 Thanked 2 Times in 2 Posts Social Networking	Re: viewing in wide screen format??? 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"/> That should work.