Two images on a page don't seem to be resizing as they should when I reduce the
viewport. The page in question is http://www.outtacontext.com/wp2/about/past7/
I have a three column layout on this page with images in the left div and the
right div. Text is in the middle div. I have a max-width:100% style to all
images (on other pages using the same template and css they are working but
these pages are not three columns). Here's the CSS for the three columns:
#past_background div#left {
float: left;
width: 38%;
text-align: right;
padding-right: 1%;
}
#past_background div#right {
float: right;
width: 38%;
text-align: left;
padding-left: 1%;
}
#past_background div#middle {
margin: 0px;
}
Can someone tell me why the images aren't scaling down? Thanks.
Jeff
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
