Rod Castello
http://rodcastello.com --- 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. 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. 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/
