473,320 Members | 2,003 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.

auto adjustment of html pages according to screen resolution

190 100+
I have seen some sites which do get automatically adjustments depending on screen resolution , how is it possible ?
Feb 22 '08 #1
10 5455
gits
5,390 Expert Mod 4TB
hi ...

with JavaScript you would be able to retieve the viewport properties and you may use that to adapt the page onload or when you need it ...

kind regards
Feb 22 '08 #2
Shalini Bhalla
190 100+
w to use it exactly i tried but idon't know how it will exaclty be ?
Feb 23 '08 #3
Shalini Bhalla
190 100+
i visited page but it has been removed from net can you suggest me something else
Feb 26 '08 #4
gits
5,390 Expert Mod 4TB
i visited page but it has been removed from net can you suggest me something else
the link works ... what specific problem do you have? please post some code you have done so far and explain what is not working as expected ...

kind regards
Feb 26 '08 #5
Shalini Bhalla
190 100+
actually i didnt do anything on that , and the page show is also diffrent its not the same page which i saw that day and coding is also not there , so if you can provide me the new link of some other tutorial which i could understand , will be greatful




regards
shalini
Feb 26 '08 #6
gits
5,390 Expert Mod 4TB
have a look here and use the window.resizeTo() - method to adapt the browser-window's size ...

kind regards
Feb 26 '08 #7
[code]
Hi Gits,

Having read your reply, I wonder how I can ensure users will always be able to read my website, irrespective of screen resolution and explorer (Firefox, IE6, etc.). I have built a website (using external CSS files) that picks the appropriate CSS file depending on the user's explorer (<!--[if IE 7]...), but I want it to pick a CSS file that addresses both the user's type of explorer and his/her screen resolution. Could you help me out?

Thanks!

Peter
[code]
Mar 10 '08 #8
Shalini Bhalla
190 100+
The answeres i have received are for rezizing window but i want to adjust my whole site acording to change if it opened in 600 * 800 then it should be in full screen an if it Opened in 1024 * 768 , thats waht i want ....any body can tell me
Apr 11 '08 #9
gits
5,390 Expert Mod 4TB
you cannot do that this way ... you HAVE TO resize the window to the max screen-resolution with javascript and have to layout all your pages (aka: your site) in a way that they adapt to the window-size ... so just avoid fixed sizes etc. or adapt that too during the resize operation ...
Apr 11 '08 #10
acoder
16,027 Expert Mod 8TB
Moved to the JavaScript forum.

Moderator.
Apr 13 '08 #11

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: Prometheus Research | last post by:
http://newyork.craigslist.org/eng/34043771.html We need a JavaScript component which will auto-submit a form after a set period has elapsed. The component must display a counter that dynamically...
18
by: Phil Powell | last post by:
I am trying to print out an HTML document that has MARGINWIDTH set to 1, however, upon printing, HTML table cell contents are cut off, for exmample: <table border="0" width="780"> <tr>...
1
by: GMK | last post by:
Hi all i would like to know how could i let my application to auto detect the clients screen resolution and to fit my application design on the spesification of the clients screen is there any...
7
by: mukeshgupta.WD | last post by:
Hi, i have seen in many web sites, the size of pages are automatically resized according to screen resolution. generally we create web layout for 800x600 but if we view it in1024x768 then the...
7
by: Yeah | last post by:
Ever since I upgraded my Windows display to 120 DPI (kind of a necessary change), fonts have been clearer and graphics have been crisper. However, the 25% automatic increase in the text size on my...
14
by: Seige | last post by:
Ever had headache when you can't resize the background width using CSS: body{ background: url(/images/bg.jpg) ; background-width: 800px; } It won't work, would it? Of course not, it's not even...
6
by: Rolf Welskes | last post by:
Hello, if I have for example: <table style="width: 100%; height: 100%;" border="1"> <tr> <td style="width: 100px">k </td> <td style="width: 100px">k </td> </tr>
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?
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
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
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)...
0
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...
0
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
0
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
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

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.