Professional Web Applications Themes
  1. #1

    Default Auto resize web page?

    Has anyone developed a web page that automatically senses the screen
    resolution of the incoming browser and dynamically resizes content
    accordingly? For instance, an 800x600 resolution user might see 3 columns of
    product thumbnail images, whereas a 1024x768 user would see 4 columns. Of
    course, the thumbs are data-driven. Is this possible and/or advisable??

    Thanks!



    Dean J. Garrett Guest

  2. #2

    Default Re: Auto resize web page?

    Dean J. Garrett wrote on 08 sep 2003 in
    microsoft.public.inetserver.asp.general:
    > Has anyone developed a web page that automatically senses the screen
    > resolution of the incoming browser and dynamically resizes content
    > accordingly? For instance, an 800x600 resolution user might see 3
    > columns of product thumbnail images, whereas a 1024x768 user would see
    > 4 columns. Of course, the thumbs are data-driven. Is this possible
    > and/or advisable??

    Yes it is easily done with css:

    <% for i=0 to 200 %>

    <img src="images/thumb-nr<%=i%>.jpg"
    style="float:left;margin-right:20px;">

    <% next %>


    --
    Evertjan.
    The Netherlands.
    (Please change the x'es to dots in my emailaddress)
    Evertjan. Guest

  3. #3

    Default Re: Auto resize web page?

    On Mon, 8 Sep 2003 14:36:57 -0700, "Dean J. Garrett"
    <deanj_garrett@yahoo.com> wrote:
    >Has anyone developed a web page that automatically senses the screen
    >resolution of the incoming browser and dynamically resizes content
    >accordingly? For instance, an 800x600 resolution user might see 3 columns of
    >product thumbnail images, whereas a 1024x768 user would see 4 columns. Of
    >course, the thumbs are data-driven. Is this possible and/or advisable??
    >
    This is really not that difficult to do. Just dont use tables. As soon
    as you implement tales, you end up having to decide how many columns
    there are. If you have to use tables, keep the thumbnails out of it.

    <table>
    <tr><td colspan=2>header</td></tr>
    <tr>
    <td>menu??</td>
    <td>
    thumbnail
    thumbnail
    thumbnail
    thumbnail
    thumbnail
    thumbnail
    </td>
    </tr>
    </table>

    This way, the thumbails fill the room available and wrap to thenext
    row when necessary.
    Dan Brussee Guest

  4. #4

    Default Re: Auto resize web page?

    A good example, of what I'm talking about is amazon.com. I try their site at
    various resolutions, and each time the site utilizes the screen completely.
    Do they use css for this, or?

    Thanks!!


    "Dean J. Garrett" <deanj_garrett@yahoo.com> wrote in message
    news:#UQVgEldDHA.2804@TK2MSFTNGP11.phx.gbl...
    > Has anyone developed a web page that automatically senses the screen
    > resolution of the incoming browser and dynamically resizes content
    > accordingly? For instance, an 800x600 resolution user might see 3 columns
    of
    > product thumbnail images, whereas a 1024x768 user would see 4 columns. Of
    > course, the thumbs are data-driven. Is this possible and/or advisable??
    >
    > Thanks!
    >
    >
    >

    Dean J. Garrett Guest

  5. #5

    Default Re: Auto resize web page?

    On Thu, 11 Sep 2003 16:06:43 -0700, "Dean J. Garrett"
    <deanj_garrett@yahoo.com> wrote:
    >A good example, of what I'm talking about is amazon.com. I try their site at
    >various resolutions, and each time the site utilizes the screen completely.
    >Do they use css for this, or?
    >
    >Thanks!!
    >
    >
    >"Dean J. Garrett" <deanj_garrett@yahoo.com> wrote in message
    >news:#UQVgEldDHA.2804@TK2MSFTNGP11.phx.gbl...
    >> Has anyone developed a web page that automatically senses the screen
    >> resolution of the incoming browser and dynamically resizes content
    >> accordingly? For instance, an 800x600 resolution user might see 3 columns
    >of
    >> product thumbnail images, whereas a 1024x768 user would see 4 columns. Of
    >> course, the thumbs are data-driven. Is this possible and/or advisable??
    >>
    What you are looking at on Amazon is a table (in a simplistic view)
    with 3 columns. The table is set to use 100% of the available width.
    The first and third columns have a set width and the middle column is
    allowed to fill the rest by not having a width set.

    <table width=100%>
    <tr>
    <td width=200>left</td>
    <td>
    Middle fills up with this text
    Middle fills up with this text
    Middle fills up with this text
    Middle fills up with this text
    Middle fills up with this text
    Middle fills up with this text
    Middle fills up with this text
    Middle fills up with this text
    Middle fills up with this text
    Middle fills up with this text
    </td>
    <td width=200>right</td>
    </tr>
    </table>

    Dan Brussee Guest

Similar Threads

  1. How to resize a single page?
    By Nathan_C._Lee@adobeforums.com in forum Adobe Acrobat Macintosh
    Replies: 0
    Last Post: January 22nd, 09:10 PM
  2. Page Shuffling for with Auto Page Numbering
    By bets_cherry@adobeforums.com in forum Adobe Indesign Macintosh
    Replies: 2
    Last Post: September 29th, 04:55 PM
  3. AUTO RESIZE HEIGHT HELP!!!!!!!
    By ace_ace0002 in forum Macromedia Dynamic HTML
    Replies: 0
    Last Post: August 18th, 08:53 AM
  4. Page Resize
    By Craig_Moore@adobeforums.com in forum Adobe Acrobat Macintosh
    Replies: 1
    Last Post: August 6th, 10:14 PM
  5. Reload page on resize?
    By Papa Rabbit in forum Macromedia Flash Actionscript
    Replies: 0
    Last Post: February 24th, 09:31 PM

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
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139