Example 8 - Use of <div> regions for auto-resizing of images.
In this example, a class called "picturebox" defines the region and another class (w200 w250 w300 etc.) which defines the width.

 

 

 

class="picturebox w250"

floats to the right side and FORCES any images place within <div class="picturebox"> to shrink to fit within the width

BlogThe quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain. 



Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain. 

class="picturebox w350"

floats to the right side and FORCES any images place within <div class="picturebox"> to shrink to fit within the width

BlogThe quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain. 



Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.


The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.



The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.