Web Page Design & Screen Density

in the tables that the page is built up with - they use % for the width rather than specify pixels.

 

ok
what do you use to create webpages
just html or frontpage or dreamweaver or.....
anyway
set up a page with a table that has 2 columns and 2 rows
set the table width properties to 100%
<table width="100%" >
Now this will go along any screen to 100%
Under this table
create a new table that has 2 columns and 2 rows
set the table width properties to 300 pixels
<table width="300" >
Now this will only go along any screen to 300 pixels

i have a file with the table backgrounds different colours - i'll attach

 

here are some tutorials on html
http://www.mcli.dist.maricopa.edu/tut/lessons.html
this has a section on tables

http://www.cwru.edu/help/introHTML/

 

i have 3 tables here
1) @ 100% - Blue
2) @ 300 pixels - Red
3) @ 700 pixels - Green

see what happens when you change your screen resolution

 

i tried to find the freeware program i have to change a IE window to work at the same resolution your require without keep changing the display

cant find the one i have - but a search fpund this
http://www.markuswelz.de/freeware/

 

they maybe however - graphics will force the size
so if you have an image that has a size 1024 then this will stay that size regardless of the table settings.

 

i try to design in both 800 and 1024 as this represents something like 95% of browser size and roughly 50% each.
so the graphics need to be designed for 800 and then you get space around as the screen size increases.

alternatively you can design for 800 and leave space each side for begger sizes.

however, hotmail have a good site for taking into account screen size, cant find the tutorial right now.
also you can use java to determine the screen size being used and then display best on this

http://www.webclass.ru/eng/Tutorials/JavaScript/Adjusting_appropriate_stylesheet.html