Web Page Design & Screen Density

Status
This thread has been Locked and is not open to further replies. Please start a New Thread if you're having a similar issue. View our Welcome Guide to learn how to use this site.

WhitPhil

Thread Starter
Gone but never forgotten
Trusted Advisor
Joined
Oct 4, 2000
Messages
8,684
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

Wayne
Moderator
Joined
Oct 2, 2003
Messages
65,468
in the tables that the page is built up with - they use % for the width rather than specify pixels.
 

WhitPhil

Thread Starter
Gone but never forgotten
Trusted Advisor
Joined
Oct 4, 2000
Messages
8,684
Thanks.
Can you give me an example, or point me to something that describes this?
 

etaf

Wayne
Moderator
Joined
Oct 2, 2003
Messages
65,468
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

Wayne
Moderator
Joined
Oct 2, 2003
Messages
65,468
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
 

Attachments

etaf

Wayne
Moderator
Joined
Oct 2, 2003
Messages
65,468
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

Thread Starter
Gone but never forgotten
Trusted Advisor
Joined
Oct 4, 2000
Messages
8,684
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

Wayne
Moderator
Joined
Oct 2, 2003
Messages
65,468
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

Wayne
Moderator
Joined
Oct 2, 2003
Messages
65,468
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

Thread Starter
Gone but never forgotten
Trusted Advisor
Joined
Oct 4, 2000
Messages
8,684
I appreciate your time.

Tx

Phil
 
Status
This thread has been Locked and is not open to further replies. Please start a New Thread if you're having a similar issue. View our Welcome Guide to learn how to use this site.

Users Who Are Viewing This Thread (Users: 0, Guests: 1)

As Seen On
As Seen On...

Welcome to Tech Support Guy!

Are you looking for the solution to your computer problem? Join our site today to ask your question. This site is completely free -- paid for by advertisers and donations.

If you're not already familiar with forums, watch our Welcome Guide to get started.

Join over 807,865 other people just like you!

Latest posts

Staff online

Top