4 {{ upvoteCount | shortNum }}
4 {{ upvoteCount | shortNum }}

viewing in wide screen format???

by Jagged
3 replies
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
#format #screen #viewing #wide
  • Profile picture of the author Gimme4Free
    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.
    {{ DiscussionBoard.errors[1356125].message }}
  • Profile picture of the author FrankJohnson
    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
    {{ DiscussionBoard.errors[1356395].message }}
  • Profile picture of the author Binggo
    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.
    {{ DiscussionBoard.errors[1358276].message }}

Trending Topics