X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> ГуглХром некорректно отображает часть сайта
Zhil_hb
Zhil_hb
Topic Starter сообщение 27.5.2015, 15:45; Ответить: Zhil_hb
Сообщение #1


Добрый день! Проблема в следующем, в новых версиях гуглХрома немного некорректно отображается главаня страница (причем раньше такой проблемы не было), в остальных браузерах такой проблемы нету, даже эксплорер нормально отображает :)

В гуглхроме сейчас отображается так (выделил красным где должны блоки располагаться):
Прикрепленное изображение


Должно выглядеть вот так (в остальных браузерах так отображается):
Прикрепленное изображение


Как решить эту проблему отображения и вообще в чем причина сдвига блоков. Именно на главной сдвигаются, внутри категорий аналогичное отображение материалов, и там все нормально, блоки в два ряда отображаются в области контента.
Сайт everest-tour.by

Вот исходный код с главной страницы на всякий случай:

<div class="item-page">
<h2>
Актуальные предложения компании </h2>
<div><a href="/vizovaya-podderzhka/odnokratnaya-viza-v-litvu" class="b-offers__item" title="Визовая поддержка по открытие однократной шенген визы в Литву"> <img class="b-offers__image" alt="viza litva anons" src="/images/fotogalereya/razdely/vizy/viza_litva_anons.jpg" /> <span class="b-offers__heading"><span>Однократная виза в Литву</span></span> </a></div>
<!-- /.b-offers__item -->
<div><a href="/vizovaya-podderzhka/odnokratnaya-viza-v-polshu" class="b-offers__item" title="Визовая поддержка по открытие однократной шенген визы в Польшу"> <img class="b-offers__image" alt="viza poland anons" src="/images/fotogalereya/razdely/vizy/viza_poland_anons.jpg" /> <span class="b-offers__heading"><span>Однократная виза в Польшу</span></span> </a></div>
<!-- /.b-offers__item -->
<div><a href="/avtobusnye-ekskursionnye-tury/rossiya/piter-5dney" class="b-offers__item" title="тур в Питер на 5 дней с посещением Эрмитажа и Петергофа"> <img class="b-offers__image" alt="anons" src="/images/fotogalereya/avtobusnie/piter/anons.jpg" /> <span class="b-offers__heading"><span>Тур в Санкт-Петербург<br /> на 5 дней</span></span> </a></div>
<!-- /.b-offers__item -->
<div><a href="/belarus/grafik-sbornykh-grupp" class="b-offers__item" title="График сборных экскурсий по Беларуси из Минска"> <img class="b-offers__image" alt="sborki-belarus" src="/images/fotogalereya/belarus/sbornie_grupi/sborki-belarus.jpg" /> <span class="b-offers__heading"><span>Экскурсии по Беларуси из Минска для сборных групп</span></span> </a></div>
<!-- /.b-offers__item -->
<div><a href="/avtobusnye-ekskursionnye-tury/frantsiya/tur-vo-frantsiyu-amsterdam-parizh-praga" class="b-offers__item" title="Экскурсионный автобусный тур во Францию с экскурсиями в Амстердаме, ПАриже и Праге"> <img class="b-offers__image" alt="anons" src="/images/fotogalereya/avtobusnie/amsterd-paris/anons.jpg" /> <span class="b-offers__heading"><span>Автобусный тур во Францию <br />Амстердам-Париж-Прага </span></span> </a></div>
<!-- /.b-offers__item -->
<div><a href="/avtobusnye-ekskursionnye-tury/chekhiya/tur-chehiya-budapesht-vena-praga" class="b-offers__item" title="Экскурсионный автобусный тур в Чехию с посещением Будапешта, Вены и Праги"> <img class="b-offers__image" alt="anons" src="/images/fotogalereya/avtobusnie/BudVenPraga/anons.jpg" /> <span class="b-offers__heading"><span>Автобусный тур в Чехию <br />Будапешт-Вена-Прага </span></span> </a></div>
<!-- /.b-offers__item -->
<div><a href="/dopolnitelnye-uslugi/arenda-avtobusa" class="b-offers__item" title="Аренда туристического автобуса в Минске с водителем"> <img class="b-offers__image" alt="arenda avtobusov anons" src="/images/fotogalereya/razdely/druslugi/arenda_avtobusov_anons.jpg" /> <span class="b-offers__heading"><span>Аренда автобуса<br />туристического класса</span></span> </a></div>
<!-- /.b-offers__item -->
<div><a href="/kruizy/kruiz-tallin-stokgolm-helsinki" class="b-offers__item" title="Экскурсионный круиз на пароме Таллин-Хельсинки-Турку-Стокгольм-Рига-Вильнюс с экскурисонной программой"> <img class="b-offers__image" alt="anons-thtsr" src="/images/fotogalereya/avtobusnie/skandinavia/anons-thtsr.jpg" /> <span class="b-offers__heading"><span>Круиз в Скандинавию Хельсинки-Турку-Стокгольм </span></span> </a></div>
<!-- /.b-offers__item -->

</div>

</div>


</div><!-- end main -->

Надеюсь на вашу помощь (особенно верстальщиков), вроде проблема не серьезная, ведь все работает, но как то не солидно отображается, и сердце гложит мое :(

Может в файле index.php надо что либо дописать, походу такая проблема с новыми версиями хрома только.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ShowPrint
ShowPrint
сообщение 27.5.2015, 15:51; Ответить: ShowPrint
Сообщение #2


Evgeniy3200, предполагаю что  это скорее всего связано со стилевыми параметрами... Вероятнее всего как-то по другому воспринимаются и/или обрабатываются margin и padding.
Чтоб проверить это предположение попробуй или чуть уменьшить размер картинок, или margin-ы (чтоб заведомо влезало содержимое по ширине). На основании этого эксперимента можно будет "рыть глубже" для понимания проблемы...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zhil_hb
Zhil_hb
Topic Starter сообщение 27.5.2015, 18:08; Ответить: Zhil_hb
Сообщение #3


ShowPrint, вы как всегда....дали мне пинок в правильном направлении...это один из немногих случаев, когда я готов с удовольствием получать, чтобы смотерть в правильное направление :D  :lol: 

Получилось исправить, уменьшил стиль margin и все стало красиво.

В связи с этим следующий вопрос, можно ли подключить определенный стиль  в CSS, который будет работать и действовать только для определенного браузера?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ShowPrint
ShowPrint
сообщение 27.5.2015, 18:22; Ответить: ShowPrint
Сообщение #4


Evgeniy3200, Рад что указал нужное направление...  :)
На движках не знаю, сам пишу ручками на php - в нем можно извратиться: прочитать/распарсить юзверь-агент и в зависимости от этого подключить нужный css...
В своем старом коде нашел:

<?php
echo "
<link rel='stylesheet' href='./".( strpos($_UserAgent,'msie')!=0 ? 'ie' : 'all' ).".css' type='text/css'>
";
if ( strpos($_UserAgent,'msie')!=0 || strpos($_UserAgent,'navigator')!=0 || strpos($_UserAgent,'firefox')!=0 )
{
echo "<link rel='stylesheet' href='./msie.css' type='text/css'>";
}
else
{
echo "<link rel='stylesheet' href='./chrome.css' type='text/css'>";
}
?>

Но я - самоучка, вполне возможно существует какой-нибудь более продвинутый способ...

Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Slava1988
Slava1988
сообщение 28.5.2015, 11:40; Ответить: Slava1988
Сообщение #5


попробуйте использовать свойство -webkit-padding-start
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ShniderHost
ShniderHost
сообщение 28.5.2015, 16:26; Ответить: ShniderHost
Сообщение #6


(Evgeniy3200 @ 27.5.2015, 20:08) *
В связи с этим следующий вопрос, можно ли подключить определенный стиль  в CSS, который будет работать и действовать только для определенного браузера?
 можно через php, можно через JS, в гугл вбей "определить браузер пользователя", затем нужный скрипт запиливаем в if и инклюдим определенные стили.


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыБыстрая индексация страниц сайта и обратных ссылок - 2Index
32 2Index 5483 Вчера, 16:33
автор: 2Index
Открытая тема (нет новых ответов) Перенос сайта на CMS Wordpress
8 freeax 4792 10.3.2024, 14:58
автор: freeax
Открытая тема (нет новых ответов) Какой % отказов нормален для сайта?
9 Aloof 2360 8.3.2024, 20:41
автор: ZerKuS
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыСколько времени нужно для раскачки нового сайта?
29 metvekot 7762 8.3.2024, 15:41
автор: malamut
Открытая тема (нет новых ответов) SEO-текст на главной странице сайта и в категориях
4 boltuk 1168 2.3.2024, 13:00
автор: toplinks


 



RSS Текстовая версия Сейчас: 19.3.2024, 11:05
Дизайн