Jump to content
Sign in to follow this  
MonacCo

Корявое отображение сетки товаров

Recommended Posts

Добрый день. Подскажите, пожалуйста, в чем может быть причина такого отображения товаров (фото 1 и 2). На денвере все было нормально, на хостинге тоже вначале проблем не было, но потом вдруг "расползлись"post-688838-0-40326000-1417603879_thumb.jpg товары. Ничего не делал, вроде. В чем проблема?

post-688838-0-09088400-1417603883_thumb.jpg

Share this post


Link to post
Share on other sites

Ссылку на сайт дадите - помогу. По скрину нереально понять в чем именно глюк, только гадать...

Share this post


Link to post
Share on other sites

Откуда ж у вас ширина-то такая взялась?

.product-grid {
font-size: 0;
overflow: visible;
width: 290%;
}

Сделайте 90 - 100%

Да и font-size: 0; поправьте.

Share this post


Link to post
Share on other sites

Если сделать 100% получится такой вот вид некошерный post-688838-0-03632300-1417609043_thumb.jpg

Share this post


Link to post
Share on other sites

Тогда поиграйтесь с этой шириной

#column-left + #column-right + #content .product-grid > div {
width: 124px;
}

в пределах 154 - 158px (посмотрите в разных браузерах)

Share this post


Link to post
Share on other sites

Ваше решение делает то, что нужно, но слегка увеличивает сами товары. Можно ли добиться того же результата не увеличивая товары в сетке?

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.