SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Member
    Join Date
    Nov 2000
    Posts
    15
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    One of the thorns in my side with respect to web design is keeping a site uniform when different people access the site who have different resolutions on their computers. To see what I am talking about, on the following site, http://www.keyfreight.net the site can be viewed at 800x600, 1024x768, and 1152x864 and the yellowish graphic running along the top will expand (or shrink) based upon the resolution of the person hitting the site.

    How is this done? I am sure the answer is simple, but it is driving me crazy.

  2. #2
    SitePoint Wizard
    Join Date
    Apr 2000
    Posts
    1,483
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I believe its done with <TABLE WIDTH="100%">. When you give a table a width or height of 100% it will expand with the window and always take up the whole of the browser window.

  3. #3
    SitePoint Wizard big_al's Avatar
    Join Date
    May 2000
    Location
    Victoria, Australia
    Posts
    1,661
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi,

    James is right just change your resolutions and have a look atthis forum, the widthis always the same distance from the sides.

    I thinkits set at 95%
    .NET Code Monkey

  4. #4
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    jayc...these guys are on the right track...the effect is called variable width in the industry. I build sites that way all the time. Your best bet would be to view source on a page that you like and study how they achieved the effect.

    Here is a page that I have done that is light on code and well-commented. It should help you get started building variable width sites.

    http://www.plusoneonline.com/

    It is in frames so here is the link to the bottom (main) page of that frameset.

    http://www.plusoneonline.com/home/welcome.shtml
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  5. #5
    SitePoint Enthusiast
    Join Date
    Jul 2001
    Posts
    51
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    tables and re-sizing

    I have used tables set at 100% width & 100% height that work to position elements properly when the window is resized - wored on all browsers UNTIL I downloaded NS6!!! I guess the table "height" attribute is not valid so it is ignored in NS6.

    Looking for help!

    JAF

  6. #6
    What? Maelstrom's Avatar
    Join Date
    Oct 2001
    Location
    Whistler BC originally from Guelph Ontario
    Posts
    2,175
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Re: tables and re-sizing

    Originally posted by forrest
    I have used tables set at 100% width & 100% height that work to position elements properly when the window is resized - wored on all browsers UNTIL I downloaded NS6!!! I guess the table "height" attribute is not valid so it is ignored in NS6.

    Looking for help!

    JAF
    Css should work in this case. Just use style="height: auto"

    I would think.
    Maelstrom Personal - Apparition Visions
    Development - PhP || Mysql || Zend || Devshed
    Unix - FreeBSD || FreeBsdForums || Man Pages
    They made me a sitepoint Mentor - Feel free to PM me or Email me and I will see if I can help.

  7. #7
    SitePoint Zealot
    Join Date
    Jun 2001
    Location
    Southampton, UK
    Posts
    121
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •