Auto resize web page?

[Dean J. Garrett]

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!

 

[Evertjan.]

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 %>

 

[Dan Brussee]

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.

 

[Dean J. Garrett]

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!!

 

[Dan Brussee]

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!!

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>