Thanks, Barney. I think I solved this by using px values for the width (original width scaled to 80%) and % for the height. I can't give a URL (behind a firewall), and I'll try to get a moment to copy the code -- but I tried to simplify the example.
Sara On Jul 27, 2011, at 2:40 PM, Barney Carroll wrote: > Hi Sara, > > Combining fixed-unit (px) and proportional (%) measurements for macro-level > layout often leads to problems. Without further details about the layout it's > hard to see exactly how the problem is manifesting itself. > > Can you give us a URL of the work in question or paste the code into > jsfiddle.net for us to have a closer look? > > Regards, > > Barney Carroll > (+44) 742 9177 278 > > On 27 Jul 2011, at 19:20, Sara Haradhvala <[email protected]> wrote: > >> I have a captioned image that contains an image and caption - it's floated >> left - and text flows around it. For the print stylesheet, I'd like to >> size the image and caption down to 80%. So, I do this: >> >> #captionedImage { >> width:100px; >> height:100px; >> } >> >> #captionedImage img, #captionedImage .caption { >> width:80%; >> height:80%; >> } >> >> The scaling works fine -- >> >> The problem is that the #captionedImage box is still 100 x 100 and so there >> is a margin between the image/caption and text. Any way to get rid of that? >> >> Thanks so much, >> Sara >> ______________________________________________________________________ >> css-discuss [[email protected]] >> 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/ > ______________________________________________________________________ > css-discuss [[email protected]] > 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/ ______________________________________________________________________ css-discuss [[email protected]] 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/
