How do you make a page autoresize at any monitor resolution.

[epicctx]

My web pages were designed for viewing at 1024 x 768 as not everyone desires this resolution or has monitors capable of this, I would like to know how to set up a page so that it condenses the information without loosing info.<br>
<br>
Basically the same way that every site except mine works.<br>
<br>
Any help greatly appreciated.

 

[Smidy]

The table/frame would automatically add a scroll bar to access the text that cannot be displayed at the smaller resolution. Breaking the page up into a number of frames, EG. four, would wrap the text in its own box, assuming you used relative (%) frame sizes and not absolute frame widths. The other way would be to add style sheets which allows you to change text attributes for the entire page.<br>
<br>
Other way would be to redesign it using FLASH for instance which automatically resizes the entire movie frame (JPGs and all) to suit the viewing resolution.

 

[steve]

Why not try a java script to detect screen resolution & send users to a version of the page to suite their resolution.<br>
see

http://www.kiama.com.au<br>

for an example.

 

[TeK2]

i answered a question similar to this by senan: text in layeers and resizing.&nbsp;&nbsp;here was my response:<br><br>I am a newbie to this program also, but I can tell you that using Tables is the way to go.&nbsp;&nbsp;Many people use Tables to align images and text because Tables offer the ability to position artwork freely on a page. The trick is fixed pixels versus percenatages in Tables. <br><br>A percentage-based Table will stretch with the width of the browser, meaning that its size will vary depending on the shape of the browser window.&nbsp;&nbsp;If you specify that a Table uses a width of 75%, for example, the Table will stretch to fill three-fourths of the horizontal space regardless of the browser window size.<br><br>When you want to restrict the size of a Table regardless of the browser window size, pixel -based is the way to go.&nbsp;&nbsp;when you want the Table to stretch to the size of the browser window, percentage-based Tables are best.&nbsp;&nbsp;To complicate matters, it's possible to nest a pixel-based Table inside a percentage-based Table or vice versa.<br><br>

 

[KernelTom]

While tables are an effective way to position elements on a page you must take into account when using percentages you are positioning relative to the window size and not the users monitor size.&nbsp;&nbsp;There is no way to design a page at 1024x768 and make it sqeeze into 800x600 so that you see the exact same full screen image at both resolutions.&nbsp;&nbsp;The pixel is the smallest unit that you have to work with,&nbsp;&nbsp;you can't have partial or split pixels.&nbsp;&nbsp;As far as your comment &quot;the same way every site works execept mine&quot; , most sites are designed for 800x600 so that the same screen can be displayed exactly the same at both monitor resolutions.

 

[aquatron]

hello.<br><br>I am no expert, and recently wondered about this very same question. I found a magazine article that says we should put the whole page into a table. I guess thats not 'autoresize', but it would keep everything in proportion rather than throw it all over the place.<br><br>Here is the article( an answer to a reader's question):<br><br>&quot;One of the best ways of ensuring that your page layout remains the same, no matter what monitor setting it is viewed on, is to include the entire contents of your page within a fixed width table. Just do this:<br><br>&lt;BODY&gt;<br>&lt;TABLE Width=&quot;600&quot; Border=&quot;0&quot;<br>&lt;TR&gt;<br>&lt;TD&gt;<br>Page contents here<br>&lt;/TR&gt;<br>&lt;/TD&gt;<br>&lt;/HTML&gt;<br><br>The above creates a table 600 pixels wide. This ensures that all will be clearly visible and effectively constrained within that table, whether the monitor settings are 640x480 or 1024x768. The only downfall is that there will be a lot of white space to the right of the page when it is viewed on a wider setting. To counter this you may want to centre your table.&quot;<br><br>Let me know if this works. I haven't tried it yet!<br><br>Aquatron<br><br>

 

[aquatron]

Of course, I only just sussed out how to read others replies!<br><br>Thanks everyone.