SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Enthusiast GreenMind's Avatar
    Join Date
    May 2001
    Location
    Minnesota, USA
    Posts
    54
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    How can I make my web page and it content automaitcally resize its self to fit each viewers screen area(ie. 800/600). I have a large screen size but looking at the stastics most of the poeple have the normail 800/600. How can I get it to resize?
    Kyle Larson - eMail | PM | ICQ
    www.GreenMind.us

  2. #2
    Don't get too close, I bite! Nicky's Avatar
    Join Date
    Jul 1999
    Location
    Lancashire, UK
    Posts
    8,277
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    The easiest way to do that is to insert all your content in a table and specify it's width as 100%.

    There are repurcussions to this, such as when your width becomes bigger, so does your length become shorter. The best way it ensure it still looks good is to test test test!

  3. #3
    One website at a time mmj's Avatar
    Join Date
    Feb 2001
    Location
    Melbourne Australia
    Posts
    6,282
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    There are some good examples around of resizing (variable width) sites.

    http://download.cnet.com/ is one (ooh, they've just changed their design a bit - nice!). This is the one that inspired me.

    http://www.iboost.com/ is quite good.

    http://www.useit.com/ (very controversial, you either love it, or you feel the way I do about it).

    http://au.finance.yahoo.com/ (yahoo's finance section)


    I hate to self-advertise, but you might want to also look at my site or Nicky's (above).
    Last edited by mmj; May 6, 2001 at 09:05.
    [mmj] My magic jigsaw
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    The Bit Depth Blog Twitter Contact me
    Neon Javascript Framework Jokes Android stuff

  4. #4
    SitePoint Enthusiast GreenMind's Avatar
    Join Date
    May 2001
    Location
    Minnesota, USA
    Posts
    54
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    any other?

    are there any other methods to do this? because I would practically redo my whole side. I use front page 2000 as my editor.
    Kyle Larson - eMail | PM | ICQ
    www.GreenMind.us

  5. #5
    SitePoint Member
    Join Date
    Apr 2001
    Location
    Austin, TX USA
    Posts
    22
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    this script should do the trick

    <script lagauge="JavaScript">
    function open(){
    window.moveTo(0,0);
    window.resizeTo(screen.availWidth,screen.availHeight);
    }
    </script>

    then <BODY onLoad="open()">

    hope this helps.

  6. #6
    SitePoint Enthusiast GreenMind's Avatar
    Join Date
    May 2001
    Location
    Minnesota, USA
    Posts
    54
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I use Microsoft front page to edit my web page. I have shared boarders on this page too, Is it soposed to be inserted into the shared boarders or the main body. Its mainly the pictures on the page that I want resized to fit the screen.
    Kyle Larson - eMail | PM | ICQ
    www.GreenMind.us

  7. #7
    The Hiding One lynlimz's Avatar
    Join Date
    Jul 2000
    Location
    Singapore
    Posts
    2,103
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hmm. I don't get you. So its your Images that are restraining you to let the design fit on the page in resolutions like 800 by 600?
    "Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world."
    -- Albert Einstein

  8. #8
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    stud...

    Resizing the images on your site will result in them becoming pixelated and of lower quality. I would recommend against that.

    However, since that is what you are looking for then just do this:

    <img src="some.jpg" width="100%" height="100%">

    That would result in the specified image filling the whole page (minus any margins that are set on the page).
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  9. #9
    SitePoint Enthusiast GreenMind's Avatar
    Join Date
    May 2001
    Location
    Minnesota, USA
    Posts
    54
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    oaky i am just going to resize it till it fits the normal 800x600 size(the pictures smaller b/c its a template). What script can I use to make the text below it spread across the rest of the screen?

    Thanks for all the help soo far.
    Kyle Larson - eMail | PM | ICQ
    www.GreenMind.us


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
  •