On Feb 6, 2007, at 9:06 AM, bill scheider wrote: > On this page there's a floated div containing an image and a caption. > Displays as wanted in most browsers on Windows. On macs though, in all > versions of Safari, the div is floated right but the div is roughly > twice as > wide as the img and the img placement is to the left withing that > div. I'm > sure it's related but don't know how: in IE5.2 this same div > expansion is > happening and the img stays floated to the right, but the caption > is at the > top of the div and to the left of the img rather than under it. > > > > The page validates: http://printshopandcopycenter.com/printshop
* set width on the div or * float the image and add a clear:left to the caption paragraph or * don't float the caption paragraph Hi Philippe, Thanks for your response. I tried each of your solutions, with these results: the one that worked best was to set a width on the div. That gave me what I wanted on this page. The problem: photos of different widths on subsequent pages. I know that's not insurmountable but, for the moment at least, I'd like to see if there's another way. Second best was to remove the float:left on the caption. That fixed the problem in each of the Safari versions (browsercam). But on ie5.2, it dropped all of the content from the image div down below the image (like an uncleared float?). The other suggestion -- floating the img and clearing the paragraph -- didn't improve anything and broke the design in almost all the other browsers :-/ I guess I could stay with the removed float on the caption and target ie5.2 with a CC? Thanks for your help. If you've any other ideas, I'll be happy to give 'em a shot :) Bill ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
