Сообщений в теме: 17

[Roman(GRR)]

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

Что делать? Помогите!

Прошу всех кто прочитал эту тему зайти на мой сайт http://bigb.storeland.ru/ и посмотреть как он отображается(если вам не трудно написать разрешение экрана, браузер, выложить скрин)

Заранее благодарен!

[Aukvels]

У меня ie 9 вообще ошибку выдал

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

• 

[Roman(GRR)]

Спасибо за скрин, а разрешение экрана у вас какое?


Разработчики помогите, завтра рекламу запускать! А сайт не готов, помогите срочно!

[support 2.0]

Roman(GRR) (17 Август 2013 - 13:12) писал:

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

Что делать? Помогите!

Прошу всех кто прочитал эту тему зайти на мой сайт http://bigb.storeland.ru/ и посмотреть как он отображается(если вам не трудно написать разрешение экрана, браузер, выложить скрин)

Заранее благодарен!

У меня во всех браузерах Ваш сайт отображается хорошо. На счет IE, зайдите в раздел сайт -> редактор шаблонов -> HTML -> удалите строчку

<meta http-equiv="X-UA-Compatible" content="IE=7">

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

[Roman(GRR)]

Вот например в опере 12 у страницы  углы прямые, а не скруглённые!  В мозиле 23 так же всё нормально, кроме скруглённых углов страницы!скрин приложил

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

• 

[Roman(GRR)]

В IE 10 страницы вообще нет, скрин приложил.

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

• 

[support 2.0]

Roman(GRR) (17 Август 2013 - 20:00) писал:

Вот например в опере 12 у страницы  углы прямые, а не скруглённые!  В мозиле 23 так же всё нормально, кроме скруглённых углов страницы!скрин приложил

в main.css найдите (4 раза встречается)

border-radius: 5px;

замените на

-moz-border-radius: 5px; /* Для Firefox 3 */
	-webkit-border-radius: 5px; /* Для Safari 4 и Chrome */
	border-radius: 5px; /* Для современных браузеров */

также найдите

.cornerAll				  {-moz-border-radius:5px;-webkit-border-radius:5px;}

замените на

.cornerAll				  {-moz-border-radius:5px;-webkit-border-radius:5px;border-radius: 5px;}

[support 2.0]

Roman(GRR) (17 Август 2013 - 20:07) писал:

В IE 10 страницы вообще нет, скрин приложил.

попробуйте заменить блок

.content_body {
vertical-align: top;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
box-shadow: 0 0 15px rgba(0,0,0,0.5);
padding: 10px 10px 10px 0px;
border-radius: 5px;
border: 1px solid #E5E5E5 !important;
}

на этот

.content_body {
vertical-align: top;
border: 1px solid #E5E5E5 !important;
-moz-border-radius: 5px; /* Для Firefox 3 */
-webkit-border-radius: 5px; /* Для Safari 4 и Chrome */
border-radius: 5px; /* Для современных браузеров */
-moz-box-shadow: 0 0 15px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5);
box-shadow: 0 0 15px rgba(0,0,0,0.5);
padding: 10px 10px 10px 0px;
}

[Aukvels]

Roman(GRR) (17 Август 2013 - 16:41) писал:

Спасибо за скрин, а разрешение экрана у вас какое?


Разработчики помогите, завтра рекламу запускать! А сайт не готов, помогите срочно!

1920х1080рх

[Roman(GRR)]

Помогите ещё с размерами экранов разобраться!

С мозилой и оперой ни чего не произошло! Так же страница осталась квадратной!

[miyako]

Roman(GRR) (17 Август 2013 - 21:09) писал:

Помогите ещё с размерами экранов разобраться!

С мозилой и оперой ни чего не произошло! Так же страница осталась квадратной!

Перед изменениями сделайте копию дизайн шаблона.
Найдите код в шаблоне HTML -

<td class="content_body cont700">

и замените на -

<td >
<div class="content_body cont700">

Далее найдите код -

</td>
<td class="content_catalog cont250">

и замените на -

</div>
</td>
<td class="content_catalog cont250">

[Roman(GRR)]

Вот отображение с телефона.

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

• 

[Roman(GRR)]

Помогите мне пожалуйста, админы срочно!!!

[support 2.0]

Roman(GRR) (18 Август 2013 - 10:45) писал:

Вот отображение с телефона.

Здравствуйте, все дело в Вашем изображении 113.jpg. Оно у Вас размером в 994 пикселя, соответственно и при уменьшении экрана в меньше чем 994 пикселя появляется такой скрол. Измените Ваше изображение. У Нас на форуме есть инструкция, где эти блоки сделаны через стили в css файле. Думаю, Вам лучше сделать также.

[Roman(GRR)]

А можно как нибудь сместить изображение?? А если делать блоки то сиреневую полосу как сделать?

[Сake]

Найдите в вашем шаблоне "HTML" и удалите

<a title="Описание адреса" href="адрес на страницу"><img alt="Описание изображения" src="http://bigb.storeland.net/113.jpg"></a>

далее в файл стилей main.css добавьте

body > .block > .img {
   background: url("{ASSETS_IMAGES_PATH}113.jpg") repeat scroll 0 0 transparent;
   height: 200px;
   width: 100%;
}

[Roman(GRR)]

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

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

• 

[Vaccina]

Вы используете полноценное изображение, больших размеров. Само по себе изображение не будет масштабироваться. В данном случае все происходит корректно, часть изображения которая не умещается - скрывается. Вам необходимо пересмотреть саму реализацию отображения информации. По сути не понятно зачем вы полноценным изображением вставляете текст - он ведь не индексируется, + изображение находится в подвале + отсутствуют ссылки. В итоге польза от данной информации не более 1%

Единственный вариант в вашем случае (если вы все же решите оставить данное изображение) сделать выравнивание этого изображения по левому краю - найдя в файле стилей

body > .block > .img {
   background: url("{ASSETS_IMAGES_PATH}113.jpg") repeat scroll 0 0 transparent;
   height: 200px;
   width: 100%;
}

и заменив на

body > .block > .img {
   background: url("{ASSETS_IMAGES_PATH}113.jpg") repeat left center transparent;
   height: 200px;
   width: 100%;
}