Resize page to Screen

[yeomans]

Is there any simple HTML code so my web page can be viewed on all screen setting types, without messing up the design of the page??

 

[dunxd]

It depends if you are bothered with screen width only, or if you want height as well. If just width you can achieve this using tables or css. Just make sure you use % in your attribute values. If you do that the browser will take care of the rest.

If you want to have a whole page appear on a screen with no scrolling it is a bit more difficult, because the content on your page effects the height of the page. You can use JavaScript, but it is quite intense! It will only work on pages with minimal content.

Check out:

http://www.dansteinman.com/dynduo/

where you can get hold of a JavaScript API
Another good one is at:

http://lineoflight.com/w3a/cbe.html

Look for xbdhtml.js

You have to use JavaScript to get the screen dimensions from the browser, then use these to dynamically create the layer sizes. Took me ages to figure out!

I made this site using xbdhtml.js:

http://www.ucl.ac.uk/euroconference

I reckon I could have done this a lot more simply using CSS, but I did it before figuring that out! --
Dunx

 

[yeomans]

Saved me a lot of time and messing,
Thanks

 

[dunxd]

Well, you might have got into something very complicated.

Hey, if you liked my post, click that mark this post as helpful button ;-) --
Dunx