I'm posting again as I forgot to add the link to the revised site: http://rodcastello.com/pedro/index9c.html Rod
Thanks for any insights you can provide. --- On Wed, 6/10/09, Philippe Wittenbergh <e...@l-c-n.com> wrote: From: Philippe Wittenbergh <e...@l-c-n.com> Subject: Re: [css-d] Elastic/Fluid Layout - problem scaling images in Safari To: "CSS-D" <css-d@lists.css-discuss.org> Cc: "Rod Castello" <flashju...@sbcglobal.net> Date: Wednesday, June 10, 2009, 4:07 AM On Jun 10, 2009, at 6:01 AM, Rod Castello wrote: > I'm trying to give my client what he wants and that is to have the site scale up (similar to the way Flash size can resize) to fit his large monitor. Screen size 20 1/2 x 13 1/2 set at 1920 x 1200 resolution. It's a gallery of his work, so no long text lines to worry about. I'm using percentages on all of the components. Works in Firefox 3.0.10, but making the thumbnails scale properly is a problem in Safari 3.2 and 4.0. They are stretching vertically to fill up the thumbnail containers overall height. > > Here's the link: http://rodcastello.com/pedro/index9b.html Don't declare the width/height in your HTML. Only specify a width in your stylesheet. <li><img src="myImage.png" alt=""></li> li img {width:100%;} like so: http://dev.l-c-n.com/_temp/img-test.html Philippe --- Philippe Wittenbergh http://l-c-n.com/ Philleppe, Thanks for your solution. It got the thumbnails to obey and not stretch out in Safari. Here's a link to the revision: http://rodcastello.com/pedro/index9c.html But now when the hover-activated image appears on the right, it's too large. Not sure how, where, or if it's possible to add selectors to the html, for css styling, since there's javascript involved in the hover effect. Any clues? Rod Castello ______________________________________________________________________ css-discuss [cs...@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/ ______________________________________________________________________ css-discuss [cs...@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/
