Перейти к содержимому


Криво Отображается Сайт


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 37

#1 Rombik

Rombik

    Пользователь

  • Пользователи
  • PipPip
  • 43 сообщений
  • ГородВолгоград

Отправлено 26 Октябрь 2011 - 19:29

Здравствуйте.
У меня возникла проблема, в Internet Explorer криво отображается сайт, во всех остальных браузерах всё отображается нормально, в чём может быть причина? Подскажите пожалуйста, всю голову изломал уже.
Сайт: http://rebelstyle.ru/

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 27 Октябрь 2011 - 21:10

Попробуйте в шаблоне "HTML" сразу после строки

<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

добавить

<!--[if IE]>  
<style>
  #top-menu {
	margin-top:15px !important;
 }
</style> 
<![endif]-->


#3 Rombik

Rombik

    Пользователь

  • Пользователи
  • PipPip
  • 43 сообщений
  • ГородВолгоград

Отправлено 27 Октябрь 2011 - 21:32

Верхние меню встало на место, огромное Вам спасибо.
Но вот подвал сайта, всё так же криво отображается, и ещё одна проблема, Internet Explorer в каталоге не отображает центральный фон сайта, отображается всё чёрным.
Подскажите пожалуйста, как с этим справится.

#4 katty_k

katty_k

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 140 сообщений

Отправлено 28 Октябрь 2011 - 10:22

Помогите пожалуйста таже проблема в Internet explorer справа обрезает край как будто http://youngfaces-chel.ru/

#5 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 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]-->

Цитата

Internet Explorer в каталоге не отображает центральный фон сайта

Возможно это просто баг вашего браузера. В данный момент проверила и фон нормально отображается.

Цитата

Помогите пожалуйста таже проблема в Internet explorer справа обрезает край как будто http://youngfaces-chel.ru/

Данный баг заметила только в IE7 но к сожалению устранить его не получается.

#6 Rombik

Rombik

    Пользователь

  • Пользователи
  • PipPip
  • 43 сообщений
  • ГородВолгоград

Отправлено 28 Октябрь 2011 - 20:23

Всё получилось, огромное Вам спасибо!
Правда возникла ещё одна проблема...в Internet Explorer всё с этим хорошо, а вот в других браузерах есть такая беда, в верхнем меню, наводя на кнопку "Войти в ЛК" с правого края она неактивна, начинает быть активна когда наводишь ближе к левой стороне. И если создавать ещё ссылки в верхнем меню, и ставить их в конец(правый край) они неактивны. В чём может быть причина?

#7 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 29 Октябрь 2011 - 17:04

Попробуйте в файле стилей main.css найти класс

#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 Rombik

Rombik

    Пользователь

  • Пользователи
  • PipPip
  • 43 сообщений
  • ГородВолгоград

Отправлено 29 Октябрь 2011 - 17:41

Большое Вам спасибо, всё получилось.

#9 Rombik

Rombik

    Пользователь

  • Пользователи
  • PipPip
  • 43 сообщений
  • ГородВолгоград

Отправлено 08 Ноябрь 2011 - 20:59

здравствуйте,ещё раз.
Возникла ещё одна небольшая проблема, рамки у товара, в каталоге и на странице товара, при наведении на них должны меняться с белого на фиолетовый, и во всех браузерах так и есть, а вот в Гугл Хроме белый при наведении меняется на зелёный...как можно решить эту проблему для Гугл Хром?

#10 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 09 Ноябрь 2011 - 19:43

причина в том,что у Вас 2 одинаковых класса с разными значениями цвета

зайдите в редактор тем - main.css - найдите сл.блок:

.withBorder:hover

должно найтись 2 шт.
лишний удалите.

#11 Rombik

Rombik

    Пользователь

  • Пользователи
  • PipPip
  • 43 сообщений
  • ГородВолгоград

Отправлено 09 Ноябрь 2011 - 20:34

странно, но я нахожу только один такой блок.
Их изначально было 2? я просто не прописывал такой класс, только менял цвет, у блока который находится в /* Рамка для интерактивных элементов */

#12 Mariya81

Mariya81

    Пользователь

  • Пользователи
  • PipPip
  • 10 сообщений

Отправлено 10 Ноябрь 2011 - 09:03

Добрый день.
Помогите. пожалуйста, найти ошибку.
Блок описания товара в GoogleChrome отображается корректно, а в IE8 - смещается. Такое ощущение, что IE делит строку на 2 столбца.
Как это можно устранить?
Код.jpg IE8.jpg GoogleChrome.jpg

Адрес сайта: Ваш-образ.рф

#13 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 10 Ноябрь 2011 - 18:50

Цитата

странно, но я нахожу только один такой блок.
Их изначально было 2? я просто не прописывал такой класс, только менял цвет, у блока который находится в /* Рамка для интерактивных элементов */

как вариант прописать тот же класс с нужным Вам значением в самом конце файла main.css

.withBorder:hover {
	border-color: #9053D2 !important;
}

Цитата

Блок описания товара в GoogleChrome отображается корректно, а в IE8 - смещается. Такое ощущение, что IE делит строку на 2 столбца.

У вас в шаблоне "Товар" изменен неверно блок. По умолчанию он выглядит так

<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 Rombik

Rombik

    Пользователь

  • Пользователи
  • PipPip
  • 43 сообщений
  • ГородВолгоград

Отправлено 10 Ноябрь 2011 - 19:57

К сожалению не помогло...

#15 Mariya81

Mariya81

    Пользователь

  • Пользователи
  • PipPip
  • 10 сообщений

Отправлено 11 Ноябрь 2011 - 07:56

Просмотр сообщенияVaccina (10 Ноябрь 2011 - 18:50) писал:

как вариант прописать тот же класс с нужным Вам значением в самом конце файла 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>

Спасибо. Все получилось.

#16 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 11 Ноябрь 2011 - 14:59

Цитата

К сожалению не помогло...

Пожалуйста, дайте ссылку на страницу вашего магазина, а именно на страницу где происходит данная ошибка.

#17 Rombik

Rombik

    Пользователь

  • Пользователи
  • PipPip
  • 43 сообщений
  • ГородВолгоград

Отправлено 11 Ноябрь 2011 - 17:42

http://rebelstyle.ru/catalog/boys во всём каталоге так
http://rebelstyle.ru...ist-Bayou-Blues и на страницах товара, вместо фиолетовой рамки, зелёная при наведении на товар. Так только в Гугл Хром,во всех остальных, всё как надо.

#18 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 12 Ноябрь 2011 - 16:36

По стилям видно что у вас 3 одинаковых класса. 2 из них находятся в файле стилей main.css, а один в шаблоне "HTML"

.withBorder:hover {
	border-color: #9053D2 !important;
}

<style>.withBorder:hover {border-color:#007399 !important;}</style>

Вам нужно удалить данный стиль в файле main.css

#19 Rombik

Rombik

    Пользователь

  • Пользователи
  • PipPip
  • 43 сообщений
  • ГородВолгоград

Отправлено 13 Ноябрь 2011 - 01:17

Огромное Вам спасибо=)

#20 Rombik

Rombik

    Пользователь

  • Пользователи
  • PipPip
  • 43 сообщений
  • ГородВолгоград

Отправлено 13 Ноябрь 2011 - 23:48

И всё же хочу вернутся к проблеме с Internet Explorer

Все браузеры отображают центр сайта серым,а Internet Explorer не видит фон и всё чёрное
Проверял на 4ёх компьютерах, везде одно и тоже в Internet Explorer

Прикрепленные изображения

  • 2.jpg
  • 1.jpg





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных