Hi all, I've fiddled with the gallery boxes at
<http://www.vivagallery.org/exhibits/CAA_2006JuriedOpen/index.html> I now have them all the same width and height, so at least they don't jiggle around and fill odd spaces when you resize the browser window (the way they did when they were all different heights). I also fixed a bug in Explorer on Windows where the floated boxes would draw behind and below the right sidebar column. The fix was to enclose all the photoboxes in another div called #photogallery. ??? If anyone can tell me how to align the div.photoboxes so that they are either centered or aligned bottom with each other, I'd love to know! My CSS now looks like below (full CSS is at <http://www.vivagallery.org/styles/viva3.css>) /* *** styling for photoboxes *** */ div#photogallery { /* wraps around all photoboxes */ width: 95%; position: relative; } div.photobox { float: left; margin: 5px 15px 5px 0px; background-color: #FFFFFF; width: 240px; height: 290px; border: 0px solid silver; text-align: center; padding-bottom: 6px; } div.photobox img { border: 1px solid #577199; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 4px; } Thanks, Trish -- ---------- Trish Meyer, Webmaster VIVA Gallery The Valley Institute of Visual Arts http://www.vivagallery.org Email: [EMAIL PROTECTED] ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
