Member Avatar for shankbond

Hi,

Is there some way by which a web application design view should remain the same even if the resolution of the screen is changed?

Please reply

Thanks

  • 4 Contributors
  • 3 Replies
  • 76 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by kvprajapati
Member Avatar for chandru7

We need to use relative position for all html pages,and also its only working in IE6

Member Avatar for vasanth19

You may use a table with fixed width in pixels, if you do not want the page to resize when the screen resolution is changed.

Member Avatar for kvprajapati

Redirect webpage according to resolution. Design your webpages for different resolution use javascript to detect the resolution.

screenRes.js

switch(screen.width) {
 	case 640: goToPage('640x480.aspx'); break;
 	case 720: goToPage('720x480.htm'); break;
 	case 800: goToPage('800.htm'); break;
 	case 848: goToPage('848x480.htm'); break;
 	case 1024: goToPage('1024.htm'); break;
 	case 1152: goToPage('1152x864.htm'); break;
 	case 1280: goToPage('1280x1024.htm'); break;
 	case 1600: goToPage('1600x1200.htm'); break;
 	default : goToPage('800x600.htm'); break;
}
function goToPage(url) {
   open(url,"_self");
}

index.aspx

....
<html>
 <head>
<script type="text/javascript" src="screenRes.js"></script>
  </head>
<body>
  ...
</body>
...
Edited by kvprajapati because: n/a
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.