At 3:59 PM +1000 6/1/07, Michael McEwen wrote:
>Maybe you could try explicitly setting the width of the photogallery4
>div element.
>
>div#photogallery4 {
>width:780px;
>}
Thanks Michael,
In my case it was user error (I hope, waiting on confirmation from an
IE7 user).
In the full CSS there were variations on the #photogallery div.
The default is 3 lines of credits, so I change the ide to
#photogallery2 or #photogallery4 in case the exhibit needs 2 or 4
lines for descriptions under images. (Changing just the gallery div
to a new id automatically makes those photoboxes shorter or taller.)
But I forgot to actually include these new div id variations in the
top section where the photogallery is defined. So they were using a
100% default for width, instead of my 95% width. I guess I must have
run into the "don't make it full width" problem before, hence the 95%.
if you're curious, my code is now:
div#photogallery, div#photogallery2, div#photogallery4 { /* 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;
}
div#photogallery2 div.photobox { /* when only 2 lines in boxes */
height: 265px;
}
div#photogallery4 div.photobox { /* when 4 lines in boxes */
height: 300px;
}
best,
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/
