1. Computer problem? Tech Support Guy is completely free -- paid for by advertisers and donations. Click here to join today! If you're new to Tech Support Guy, we highly recommend that you visit our Guide for New Members.

Web Page Design & Screen Density

Discussion in 'Web Design & Development' started by WhitPhil, Sep 9, 2004.

Thread Status:
Not open for further replies.
Advertisement
  1. WhitPhil

    WhitPhil Gone but never forgotten Trusted Advisor Thread Starter

    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
     
  2. etaf

    etaf Moderator

    Joined:
    Oct 2, 2003
    Messages:
    65,294
    First Name:
    Wayne
    in the tables that the page is built up with - they use % for the width rather than specify pixels.
     
  3. WhitPhil

    WhitPhil Gone but never forgotten Trusted Advisor Thread Starter

    Joined:
    Oct 4, 2000
    Messages:
    8,684
    Thanks.
    Can you give me an example, or point me to something that describes this?
     
  4. etaf

    etaf Moderator

    Joined:
    Oct 2, 2003
    Messages:
    65,294
    First Name:
    Wayne
    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
     
  5. etaf

    etaf Moderator

    Joined:
    Oct 2, 2003
    Messages:
    65,294
    First Name:
    Wayne
  6. etaf

    etaf Moderator

    Joined:
    Oct 2, 2003
    Messages:
    65,294
    First Name:
    Wayne
    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
     

    Attached Files:

    • temp.zip
      File size:
      437 bytes
      Views:
      7
  7. etaf

    etaf Moderator

    Joined:
    Oct 2, 2003
    Messages:
    65,294
    First Name:
    Wayne
    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/
     
  8. WhitPhil

    WhitPhil Gone but never forgotten Trusted Advisor Thread Starter

    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.
     
  9. etaf

    etaf Moderator

    Joined:
    Oct 2, 2003
    Messages:
    65,294
    First Name:
    Wayne
    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.
     
  10. etaf

    etaf Moderator

    Joined:
    Oct 2, 2003
    Messages:
    65,294
    First Name:
    Wayne
    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
     
  11. WhitPhil

    WhitPhil Gone but never forgotten Trusted Advisor Thread Starter

    Joined:
    Oct 4, 2000
    Messages:
    8,684
    I appreciate your time.

    Tx

    Phil
     
  12. Sponsor

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 733,556 other people just like you!

Loading...
Thread Status:
Not open for further replies.

Short URL to this thread: https://techguy.org/271994

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice