Hi all, (I just realized I sent this to the Web Design list by mistake, sorry if you get it twice)
I design on Mac, and have IE6 on the one XP box we have. I always test and fix my CSS on IE6 on XP of course, but have no way to also test on IE7. I was at my doc's office today, and he let me pull up the VIVA Gallery site to see how it looked on IE7. Unfortunately, images were spilling out of the main content area, obscuring the sidebar text. Can someone with IE7 confirm this problem? see http://www.vivagallery.org/exhibits/PSA_2007/index.html If you want to see more examples, go to Exhibits and click on any archived art show. They all have the same structure. The structure is a 3-col fluid center (with min. width set with the Project 7 script, if that matters). The CSS is at http://www.vivagallery.org/styles/viva3.css I think the major structure worth mentioning is as follows and is pasted below. From what I can tell, the div#photogallery is expanding wider than it should, allowing one more #photobox to be included in the #content area, and this last photobox spills out and draws over the #sidebar. /* *** left column - (left nav column is outside #wrapper so may be unimportant?) *** */ div#nav { position: absolute; width: 150px; padding: 0; margin: 0; top: 174px; left: 0px; z-index: 10; /* needs to be in front! */ } /* *** wrapper includes main content and sidebar*** */ div#wrapper { position: relative; margin: 0px; padding: 0px; min-width: 850px; /* goes in P7_setMinWidth script too */ width: auto; top: 0px; /* changed in revision 1-2-06 */ height: auto; left: 0px; } /* *** right column structure *** */ div#sidebar { /* container for individual sidebar boxes */ position: absolute; top: 4px; right: 10px; float: right; margin: 0px; width: 225px; } /* *** content structure *** */ #content, #contentwide { margin: 0px 245px 10px 166px; padding: 0 4px 0 10px; position: relative; /* *** styling for photoboxes *** */ div#photogallery { /* wraps around all photoboxes */ width: 95%; position: relative; } div.photobox { /* default is 3 credit lines in boxes */ float: left; margin: 5px 15px 5px 0px; background-color: #FFFFFF; width: 242px; height: 290px; border: 0px solid silver; text-align: center; padding-bottom: 6px; } If anyone could point out where to start looking, or links, or things to try, I would be very very very grateful. thanks, Trish -- ---------- Trish Meyer, Webmaster VIVA Gallery The Valley Institute of Visual Arts http://www.vivagallery.org Email: [EMAIL PROTECTED] Mailing List: [EMAIL PROTECTED] ______________________________________________________________________ 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/
