On Tue, Feb 7, 2012 at 8:30 PM, <[email protected]> wrote: ... > Now, it seems that there should be some way to prevent any of the three > sections from overlapping. Can you help?
I'm not sure how you want it to look exactly, but here are some ideas... You're using percentage widths for your #left_third and #middle_third, but the contents of #middle_third have a fixed width of 650px. Technically, the three sections aren't overlapping, but the blocks inside of #middle_third stick out of the right side of their containing block. Since the small picture links in #left_third are absolutely positioned, there's not much you can do to prevent them from being cut off on the right as their containing block gets smaller, but you might like the result better if you used a semi-transparent background on the #middle_third. You could create a very small semi-transparent white block in your favorite graphics program and set it as the background-image instead of using an opaque white background. If you remove the fixed width from the #Tinkerbell and #CelticWoman blocks, the text will wrap inside of #middle_third instead of sticking out. To prevent that picture in the #caption block from being pushed down, you can set a width on the block (50% would fill out the rest of #infoblock) and set max-width:100% on the image inside of it. That way, it'll stay where it is and the image will just get smaller when the block gets smaller than the image. -- Vince Aggrippino a.k.a. Ghodmode http://www.ghodmode.com > Regards, Bruce ______________________________________________________________________ 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/
