Криво Отображается Сайт
#1
Отправлено 26 Октябрь 2011 - 19:29
У меня возникла проблема, в Internet Explorer криво отображается сайт, во всех остальных браузерах всё отображается нормально, в чём может быть причина? Подскажите пожалуйста, всю голову изломал уже.
Сайт: http://rebelstyle.ru/
#2
Отправлено 27 Октябрь 2011 - 21:10
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
добавить
<!--[if IE]> <style> #top-menu { margin-top:15px !important; } </style> <![endif]-->
#3
Отправлено 27 Октябрь 2011 - 21:32
Но вот подвал сайта, всё так же криво отображается, и ещё одна проблема, Internet Explorer в каталоге не отображает центральный фон сайта, отображается всё чёрным.
Подскажите пожалуйста, как с этим справится.
#4
Отправлено 28 Октябрь 2011 - 10:22
#5
Отправлено 28 Октябрь 2011 - 18:52
Цитата
Но вот подвал сайта, всё так же криво отображается, и ещё одна проблема, Internet Explorer в каталоге не отображает центральный фон сайта, отображается всё чёрным.
Подскажите пожалуйста, как с этим справится.
<!--[if IE]> <style> #top-menu { margin-top:15px !important; } </style> <![endif]-->
на
<!--[if IE]> <style> #top-menu { margin-top:15px !important; } #footer { margin-top:180px; } #footer .left { display:block; } </style> <![endif]-->
Цитата
Возможно это просто баг вашего браузера. В данный момент проверила и фон нормально отображается.
Цитата
Данный баг заметила только в IE7 но к сожалению устранить его не получается.
#6
Отправлено 28 Октябрь 2011 - 20:23
Правда возникла ещё одна проблема...в Internet Explorer всё с этим хорошо, а вот в других браузерах есть такая беда, в верхнем меню, наводя на кнопку "Войти в ЛК" с правого края она неактивна, начинает быть активна когда наводишь ближе к левой стороне. И если создавать ещё ссылки в верхнем меню, и ставить их в конец(правый край) они неактивны. В чём может быть причина?
#7
Отправлено 29 Октябрь 2011 - 17:04
#cartInfo { color: #FFFFFF; font-size: 13px; height: 160px; left: 690px; position: absolute; top: 150px; white-space: nowrap; width: 340px; }
далее заменить его на
#cartInfo { color: #FFFFFF; font-size: 13px; height: 60px; left: 690px; position: absolute; top: 150px; white-space: nowrap; width: 340px; }
#8
Отправлено 29 Октябрь 2011 - 17:41
#9
Отправлено 08 Ноябрь 2011 - 20:59
Возникла ещё одна небольшая проблема, рамки у товара, в каталоге и на странице товара, при наведении на них должны меняться с белого на фиолетовый, и во всех браузерах так и есть, а вот в Гугл Хроме белый при наведении меняется на зелёный...как можно решить эту проблему для Гугл Хром?
#10
Отправлено 09 Ноябрь 2011 - 19:43
зайдите в редактор тем - main.css - найдите сл.блок:
.withBorder:hover
должно найтись 2 шт.
лишний удалите.
#11
Отправлено 09 Ноябрь 2011 - 20:34
Их изначально было 2? я просто не прописывал такой класс, только менял цвет, у блока который находится в /* Рамка для интерактивных элементов */
#13
Отправлено 10 Ноябрь 2011 - 18:50
Цитата
Их изначально было 2? я просто не прописывал такой класс, только менял цвет, у блока который находится в /* Рамка для интерактивных элементов */
как вариант прописать тот же класс с нужным Вам значением в самом конце файла main.css
.withBorder:hover { border-color: #9053D2 !important; }
Цитата
У вас в шаблоне "Товар" изменен неверно блок. По умолчанию он выглядит так
<table> <tr> {% FOR goods_modifications_properties %} <td class="goodsDataMainModificationsBlockProperty"> <!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь --> {% FOR values %} <!-- Если это первый элемент в списке --> {% IF goods_modifications_properties.values.first %} <strong>{goods_modifications_properties.NAME}:</strong><br /> <select name="form[properties][]"> {% ENDIF %} <option value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}selected="selected"{% ENDIF %}>{goods_modifications_properties.values.NAME}</option> <!-- Если это последний элемент в списке --> {% IF goods_modifications_properties.values.last %} </select> {% ENDIF %} {% ENDFOR %} </td> {goods_modifications_properties.index | is_divided("2","</tr><tr>","")} {% ENDFOR %} </tr> </table>
В измененном виде у вас отсутствует закрывающий и открывающий блок <td></td> вам нужно его добавить после блока <tr> блок <td> а перед блоком </tr> блок </td>
#14
Отправлено 10 Ноябрь 2011 - 19:57
#15
Отправлено 11 Ноябрь 2011 - 07:56
Vaccina (10 Ноябрь 2011 - 18:50) писал:
.withBorder:hover { border-color: #9053D2 !important; }
У вас в шаблоне "Товар" изменен неверно блок. По умолчанию он выглядит так
<table> <tr> {% FOR goods_modifications_properties %} <td class="goodsDataMainModificationsBlockProperty"> <!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь --> {% FOR values %} <!-- Если это первый элемент в списке --> {% IF goods_modifications_properties.values.first %} <strong>{goods_modifications_properties.NAME}:</strong><br /> <select name="form[properties][]"> {% ENDIF %} <option value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}selected="selected"{% ENDIF %}>{goods_modifications_properties.values.NAME}</option> <!-- Если это последний элемент в списке --> {% IF goods_modifications_properties.values.last %} </select> {% ENDIF %} {% ENDFOR %} </td> {goods_modifications_properties.index | is_divided("2","</tr><tr>","")} {% ENDFOR %} </tr> </table>
В измененном виде у вас отсутствует закрывающий и открывающий блок <td></td> вам нужно его добавить после блока <tr> блок <td> а перед блоком </tr> блок </td>
Спасибо. Все получилось.
#16
Отправлено 11 Ноябрь 2011 - 14:59
Цитата
Пожалуйста, дайте ссылку на страницу вашего магазина, а именно на страницу где происходит данная ошибка.
#17
Отправлено 11 Ноябрь 2011 - 17:42
http://rebelstyle.ru...ist-Bayou-Blues и на страницах товара, вместо фиолетовой рамки, зелёная при наведении на товар. Так только в Гугл Хром,во всех остальных, всё как надо.
#18
Отправлено 12 Ноябрь 2011 - 16:36
.withBorder:hover { border-color: #9053D2 !important; } <style>.withBorder:hover {border-color:#007399 !important;}</style>
Вам нужно удалить данный стиль в файле main.css
#19
Отправлено 13 Ноябрь 2011 - 01:17
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных