473,320 Members | 1,719 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

how to handle different screen resolutions?

if I set the website layout in pixels, say 800X600. It works fine with screens with window size 800X600. But if someone is having screen 1200X800, then it doesn't stretch to the full window. How can I make a proportionate layout for different screen resolutions. Moreover if I use width and height in percentage(%) say 100%, the images do not stretch accordingly.
Dec 22 '09 #1
3 3914
Niheel
2,460 Expert Mod 2GB
You can use what is called a fluid width layout. This is basically setting your width to 100%. You can use CSS for this or if you are using tables just make sure your parent width is 100%.

On the point about images, you can't really make images stretch without using some javascript if the windows stretch.

You wont' be able to do this with PHP.
Dec 22 '09 #2
could u please elaborate more on fluid width layout.
Dec 22 '09 #3
mfaisalwarraich
194 100+
Fluid layout means it fits to the screen resolution and if you resize your browser window the content also resizes with the width. this may help u.
Expand|Select|Wrap|Line Numbers
  1. #img.source-image {
  2.     width: 100%;
  3.     position: absolute;
  4.     top: 0;
  5.     left: 0;
  6. }
  7.  
Jan 11 '10 #4

Sign in to post your reply or Sign up for a free account.

Similar topics

23
by: Dufe | last post by:
Hello all: To deal with the problem of differing user screen resolutions, I've explored: 1) making the pages in PHP, 2) having different pages on the same page and selecting the proper one via...
8
by: Brent | last post by:
Does anyone know the best way to detect and track a visitors screen resolution. I know the javascript to detect the users resolution but I am a bit confused on the best way to track and save this....
64
by: Dave | last post by:
A friend of mine pointed out the other day that certain elements on my web site are too small. But in most of what I publish, fonts are at default size or smaller, and my images are easy to see. I...
5
by: TD | last post by:
This question is off topic but you folks have the answers. I do Access development work at clients offices using my laptop. I want to purchase a new laptop but I am wondering if I need a laptop...
35
by: Friendly_Lola | last post by:
What Screen Resolution do You use? 800 X 600 1024 X 768 1280 X 1024 Wow! 1600 X 1200 (i can't imagine this) I use 1024 X 768. For what resolution you optimize your web pages?
1
by: Etayki | last post by:
Hi! I am building a website that has two frames with a vertical divide. Each frame displays a page from a different websites (such that the site visitor can view two websites on my one web...
53
by: Jonas Smithson | last post by:
In his book "CSS: The Definitive Guide" 2nd edition (pgs. 116-117), Eric Meyer has an interesting discussion about "font-size-adjust" that was evidently dropped in CSS 2.1 due to browser...
11
by: Neil | last post by:
Does anyone know of an add-on or other that can be implemented into an MDB front end to allow its forms and reports to look the same at different screen resolutions?
3
by: axapta | last post by:
I recently developed an application on my PC, which has quite a large screen and a high resolution. When it was deployed, clients who had a different configuration had problems with seeing all the...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.