Web Page Design & Screen Density

[WhitPhil]

I would like to know what the HTML feature/construct that is used in web page design, that allows a page to be displayed on a 800x600 screen as well as any other screen density such as 1024x768, without horizontal scroll bars appearing.
(or is it something else that is allowing this to occur?)

Thanks

 

[etaf]

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

 

[WhitPhil]

Thanks.
Can you give me an example, or point me to something that describes this?

 

[etaf]

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

 

[etaf]

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/

 

[etaf]

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

 

[etaf]

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/

 

[WhitPhil]

Many thanks.
Your sample is perfect.
My company's web site looks ok at 1024, but has scroll bars at 800, so I am presuming they are using fixed sizes.
I will forward them your example.

 

[etaf]

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.

 

[etaf]

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

 

[WhitPhil]

I appreciate your time.

Tx

Phil