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


Корзина Съеpжает В Ie


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

#1 Михаил4466

Михаил4466

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

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

Отправлено 28 Июнь 2013 - 13:49

При уменьшении окна в  IE корзина съезжает, как исправить?
Изображение

#2 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 28 Июнь 2013 - 14:47

Просмотр сообщенияМихаил4466 (28 Июнь 2013 - 13:49) писал:

При уменьшении окна в  IE корзина съезжает, как исправить?
Изображение

У Вас не применяется установленный Вами шрифт. Дело в том, что  у Вас не загружены такие форматы этого файле как eot, woff, ttf и svg. Поэтому в некоторых браузерах этот шрифт применяться не будет. Вам необходимо сделать все эти форматы данного шрифта и в шаблоне вместо
@font-face {
	font-family:  ptsansnarrow;
	src: local("ptsansnarrow"),
		 url(http://nse-project.com/web/upload/assets/other/170/169008/PTN57F.ttf);
	   
	   
  }
вставить
  @font-face {
	font-family: 'ptsansnarrow';
	src:  local("ptsansnarrow"),
  url('http://nse-project.com/web/upload/assets/other/170/169008/PTN57F.eot?') format('eot'),
		url('http://nse-project.com/web/upload/assets/other/170/169008/PTN57F.woff') format('woff'),
		url('http://nse-project.com/web/upload/assets/other/170/169008/PTN57F.ttf')  format('truetype'),
		url('http://nse-project.com/web/upload/assets/other/170/169008/PTN57F.svg#svgFontName') format('svg'),
  url('http://nse-project.com/web/upload/assets/other/170/169008/PTN57F.eot#') format('eot'),
	}

тоже самое нужно будет сделать в дальнейшем и с блоком
@font-face {
	font-family:  ptsansbold;
	src: local("ptsansbold"),
		 url(http://nse-project.com/web/upload/assets/other/170/169008/PTS75F.ttf);
  }
 


#3 Михаил4466

Михаил4466

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

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

Отправлено 16 Июль 2013 - 12:57

Здравствуйте, а где это нужно вставлять?
тоже самое нужно будет сделать в дальнейшем и с блоком
@font-face {
        font-family:  ptsansbold;
        src: local("ptsansbold"),
                 url(http://nse-project.c...9008/PTS75F.ttf);
  }


а что именно вставлять?

#4 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 16 Июль 2013 - 14:48

Просмотр сообщенияМихаил4466 (16 Июль 2013 - 12:57) писал:

Здравствуйте, а где это нужно вставлять?
тоже самое нужно будет сделать в дальнейшем и с блоком
@font-face {
font-family:  ptsansbold;
src: local("ptsansbold"),
url(http://nse-project.c...9008/PTS75F.ttf);
  }


а что именно вставлять?

В шаблоне HTML

#5 Михаил4466

Михаил4466

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

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

Отправлено 16 Июль 2013 - 16:46

большое спасибо помогло
теперь вот такой вопрос, название товара не полностью влезает в карточке товара ,как это исправить, проблему указал на скрине
Изображение

#6 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 16 Июль 2013 - 18:07

В файле main.css найдите блок
.goodsListItemImage {
height: 185px;
width: 100%;
margin-top: 1em;
border-collapse: collapse;
border-spacing: 0;
}
и замените его на
.goodsListItemImage {
height: 185px;
width: 100%;
margin-top: 21px;
border-collapse: collapse;
border-spacing: 0;
}


#7 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 16 Июль 2013 - 18:25

Просмотр сообщенияМихаил4466 (16 Июль 2013 - 12:57) писал:

Здравствуйте, а где это нужно вставлять?
тоже самое нужно будет сделать в дальнейшем и с блоком
@font-face {
font-family:  ptsansbold;
src: local("ptsansbold"),
url(http://nse-project.c...9008/PTS75F.ttf);
  }


а что именно вставлять?

Сами эти файлы Вам нужно где-то в интернете найти (например, сгенерировать через спец.сервисы в другие форматы, используя файл формата ttf)
По поводу блока
@font-face {
		font-family:  ptsansbold;
		src: local("ptsansbold"),
				 url(http://nse-project.com/web/upload/assets/other/170/169008/PTS75F.ttf);
  }
заменить его нужно на
@font-face {
		font-family: 'ptsansbold';
		src:  local("ptsansbold"),
  url('http://nse-project.com/web/upload/assets/other/170/169008/PTS75F.eot?') format('eot'),
				url('http://nse-project.com/web/upload/assets/other/170/169008/PTS75F.woff') format('woff'),
				url('http://nse-project.com/web/upload/assets/other/170/169008/PTS75F.ttf')  format('truetype'),
				url('http://nse-project.com/web/upload/assets/other/170/169008/PTS75F.svg#svgFontName') format('svg'),
  url('http://nse-project.com/web/upload/assets/other/170/169008/PTS75F.eot#') format('eot'),
		}
и загрузить те остальные форматы
проверьте только ссылки, такие ли у Вас будут, когда Вы загрузите файлы с теми фортами

#8 Михаил4466

Михаил4466

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

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

Отправлено 16 Июль 2013 - 18:32

спасибо получилось

#9 Михаил4466

Михаил4466

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

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

Отправлено 30 Июль 2013 - 15:15

опять возникла проблема, правильно работает только главная страница сайта, то есть корзина не съезжает и все отлично, но при переходе на любую другую страницу сайта , проблема со съезжание корзины и всего другого опять проявляется в IE.

#10 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 30 Июль 2013 - 19:57

Просмотр сообщенияМихаил4466 (30 Июль 2013 - 15:15) писал:

опять возникла проблема, правильно работает только главная страница сайта, то есть корзина не съезжает и все отлично, но при переходе на любую другую страницу сайта , проблема со съезжание корзины и всего другого опять проявляется в IE.

удалите в шаблоне HTML строчку
<meta http-equiv="X-UA-Compatible" content="IE=7">


#11 Михаил4466

Михаил4466

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

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

Отправлено 05 Август 2013 - 12:44

Спасибо все хорошо работает, но теперь съезжает в opere

#12 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 05 Август 2013 - 16:19

Просмотр сообщенияМихаил4466 (05 Август 2013 - 12:44) писал:

Спасибо все хорошо работает, но теперь съезжает в opere
Можете прислать скриншот с тем, где съехало? В нашей версии опера вроде все на своих местах.

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

  • ScreenShot 334.png


#13 Михаил4466

Михаил4466

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

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

Отправлено 05 Август 2013 - 16:51

Изображение

#14 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 05 Август 2013 - 20:20

Это происходит из-за того что в опере не применяется тот шрифт, который Вы прописали. Так как он не загружен у Вас в файлы.Кроме google ни один браузер его применить не сможет. Поэтому в других браузерах применяется стандартный шрифт, который значительно больше того, который прописан у Вас. Именно из-за размера телефонов часы работы сайта и сдвигаются. Так как увеличивается место, которое занимают телефоны. Чтобы это исправить Вам необходимо этот шрифт загрузить и выполнить инструкцию предложенную модератором тут.

#15 Михаил4466

Михаил4466

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

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

Отправлено 06 Август 2013 - 08:47

я выполнил инструкция. в Ie, хроме и мозиле работает нормально теперь, а вот в опере съезжает

#16 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 06 Август 2013 - 11:14

Просмотр сообщенияМихаил4466 (06 Август 2013 - 08:47) писал:

я выполнил инструкция. в Ie, хроме и мозиле работает нормально теперь, а вот в опере съезжает

Корзина будет съезжать и в Хроме, если изменить масштаб в браузере, зажмите ctrl и покрутите колесико.
Так происходит из-за того, что почти у всех элементом абсолютная позиция. Подогнать подо все браузеры с такой разметкой сложно.

#17 Михаил4466

Михаил4466

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

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

Отправлено 06 Август 2013 - 12:20

при стандартно открытие окна ни в хроме ни в експолрер не съезжает, я ни имею ввиду при уменьшении окна а ни при уменьшении маштаба

#18 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 06 Август 2013 - 15:22

Просмотр сообщенияМихаил4466 (06 Август 2013 - 12:20) писал:

при стандартно открытие окна ни в хроме ни в експолрер не съезжает, я ни имею ввиду при уменьшении окна а ни при уменьшении маштаба

Ранее я Вам писала, что нужно загрузить шрифты и именно из-за того, что в гугл эти шрифты воспринимаются, а в других браузерах нет, у Вас все и скачет. Я переконвертировала Ваш шрифт во все те форматы, про которые писала, поэтому Сейчас Вам нужно скачать мой архив, разархивировать у себя его на компьютере и загрузить эти файлы в раздел сайт -> редактор шаблонов -> файлы (добавить файл).
Далее найдите такой код
@font-face {
	 font-family: ptsansnarrow;
	 src: local("ptsansnarrow"),
				 url(http://nse-project.com/web/upload/assets/other/170/169008/PTN57F.ttf);
		
		
}

и измените его на
	 @font-face {
	 font-family: 'ptsansnarrow';
	 src: local("ptsansnarrow"),
url('{ASSETS_IMAGES_PATH}PTN57F.eot?') format('eot'),
			 url('{ASSETS_IMAGES_PATH}PTN57F.woff') format('woff'),
			 url('{ASSETS_IMAGES_PATH}PTN57F.ttf') format('truetype'),
			 url('{ASSETS_IMAGES_PATH}PTN57F.svg#svgFontName') format('svg'),
url('{ASSETS_IMAGES_PATH}PTN57F.eot#') format('eot'),
	 }

теперь найдите
@font-face {
			 font-family: ptsansbold;
			 src: local("ptsansbold"),
								 url(http://nse-project.com/web/upload/assets/other/170/169008/PTS75F.ttf);
}
замените на
@font-face {
			 font-family: 'ptsansbold';
			 src: local("ptsansbold"),
url('{ASSETS_IMAGES_PATH}PTS75F.eot?') format('eot'),
							 url('{ASSETS_IMAGES_PATH}PTS75F.woff') format('woff'),
							 url('{ASSETS_IMAGES_PATH}PTS75F.ttf') format('truetype'),
							 url('{ASSETS_IMAGES_PATH}PTS75F.svg#svgFontName') format('svg'),
url('{ASSETS_IMAGES_PATH}PTS75F.eot#') format('eot'),
			 }

Прикрепленные файлы

  • Прикрепленный файл  PTN57F.zip   90,41К   52 Количество загрузок:
  • Прикрепленный файл  PTS75F.zip   90,41К   50 Количество загрузок:


#19 Михаил4466

Михаил4466

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

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

Отправлено 08 Август 2013 - 14:57

сделала, в опере все равно заезжает корзина

#20 Vaccina

Vaccina

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

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

Отправлено 09 Август 2013 - 05:19

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

Блок вашей корзины примерно следующий
<div style="position: absolute; left: 51%; margin-left: 255px; top: 197px;">
	<table>
	<tbody><tr>
	  <td style="text-align: right;"><a href="http://nse-project.com/cart"><img alt="Карзина" src="http://design.nse-project.com/karz.png"></a></td>
	  <td style="vertical-align: middle; text-align: left; width:200px;"> &nbsp; <a class="moder" style="color:#000; " href="http://nse-project.com/cart"><u>Товаров на</u>:</a>
	 
		<span id="cartSum" style="color:#cd0a00; font-size: 19px;" class="moder">
					  <span class="coltovar">0</span> руб
				  </span>
		  <br>
		</td>
	</tr>
</tbody></table>   
</div>

а центральная часть начинается с
<div style=" position:relative; left:50%; margin:0 0 -20px -478px; width:1002px; max-width:1002px; top: 274px; z-index:2; ">

В итоге после перемещения должно получиться что-то вроде
<div style=" position:relative; left:50%; margin:0 0 -20px -478px; width:1002px; max-width:1002px; top: 274px; z-index:2; ">
<div style="position: absolute; top: -77px; right: -6px;">
	<table>
	<tbody><tr>
	  <td style="text-align: right;"><a href="http://nse-project.com/cart"><img src="http://design.nse-project.com/karz.png" alt="Карзина"></a></td>
	  <td style="vertical-align: middle; text-align: left; width:200px;"> &nbsp; <a href="http://nse-project.com/cart" style="color:#000; " class="moder"><u>Товаров на</u>:</a>
	 
		<span class="moder" style="color:#cd0a00; font-size: 19px;" id="cartSum">
					  <span class="coltovar">0</span> руб
				  </span>
		  <br>
		</td>
	</tr>
</tbody></table>
</div>

в данном случае для корзины уже задана необходимая позиция.




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

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