开发者

Gallery images wrap in IE but not in other browsers

开发者 https://www.devze.com 2023-03-09 07:43 出处:网络
Here\'s the situation: my WordPress Gallery looks fine in Firefox, Safari, etc. but running on IE (under Windows), the the last im开发者_Go百科age in the gallery wraps to the next line.

Here's the situation: my WordPress Gallery looks fine in Firefox, Safari, etc. but running on IE (under Windows), the the last im开发者_Go百科age in the gallery wraps to the next line.

So far, I've tried adjusting the gallery width, padding, inline, block, and changing the number of columns to no avail. There is plenty of room on the row to fit the images.

Here's what I think are the pertinent CSS bits:

#gallery-1 {
   float: right;
   height: 70px;
   margin: 1px;
   padding-bottom: 20px;
   width: 480px;
}

.gallery-icon {
   width: 55px;
   padding: 3px;
   margin: 0;
   float: left;
}

.gallery-columns-7 {
   padding: 0;
   margin: 0;
}

.gallery-item { 
   float: left;
   margin: 3px;
   padding: 0 2px 0 0;
   width: 55px;
}

Anyone have any ideas?


Fix this

<dl class="gallery-item">
{
 margin-right: 3px;
 margin-left: 3px;
}

Either change it to 1px or delete them or delete just the right or left margin in the styles.css line 1219


Try setting overflow: hidden; in your .gallery-item class.

0

精彩评论

暂无评论...
验证码 换一张
取 消