• Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: -SAM-  
Форум » Веб-разработка » Вопросы про uCoz » Некорректно отображается вид материалов в IE
Некорректно отображается вид материалов в IE
Dagada
Воскресенье, 11 Декабря 2016 | Сообщение 1
Оффлайн
Vip
Сообщений:89
Награды: 2
Сам вид материалов /load....-0-7271 скрин: http://kldou24.ucoz.ru/images/008.png

Сообщение отредактировал
dagada3211978 - Воскресенье, 11 Декабря 2016, 19:46
Страна: (RU)
Kosten
Воскресенье, 11 Декабря 2016 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
dagada3211978, на осле редко что вообще нормально отображается.
Страна: (RU)
ArtClear
Воскресенье, 11 Декабря 2016 | Сообщение 3
Оффлайн
Vip
Сообщений:429
Награды: 1
Пожалуйста, укажите ссылку на ваш ресурс.

Закон и порядок бл*ть!
Страна: (RU)
Dagada
Воскресенье, 11 Декабря 2016 | Сообщение 4
Оффлайн
Vip
Сообщений:89
Награды: 2
ArtElect, http://kldou24.ucoz.ru/

Добавлено (11.12.2016, 20:21)
---------------------------------------------
Kosten, это я знаю.Вчера пришло от начальства письмо,то что В БРАУЗЕРЕ IE некорректно отображается.

Страна: (RU)
Kosten
Воскресенье, 11 Декабря 2016 | Сообщение 5
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
dagada3211978, так для дизайн, вид материала это поставите стили. Посмотрите как измениться, возможно понравиться.

Код
<style> Здесь стиль </style>


этот стиль ставить

Код
.ulightbox {
  margin: 10px;
}
.ulightbox img {
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 0 5px #5C2255;
}
Страна: (RU)
Dagada
Воскресенье, 11 Декабря 2016 | Сообщение 6
Оффлайн
Vip
Сообщений:89
Награды: 2
Kosten, спасибо
Страна: (RU)
ArtClear
Воскресенье, 11 Декабря 2016 | Сообщение 7
Оффлайн
Vip
Сообщений:429
Награды: 1
dagada3211978, Интересный шаблон)) Сам собирал по-маленьку?))

Закон и порядок бл*ть!
Страна: (RU)
Dagada
Воскресенье, 11 Декабря 2016 | Сообщение 8
Оффлайн
Vip
Сообщений:89
Награды: 2
ArtElect, Это стандартный шаблон.

Добавлено (11.12.2016, 21:17)
---------------------------------------------
ArtElect, а собирал я его здесь,методом проб и ошибок Каркас стандартный .Спасибо zornet.ru

Страна: (RU)
Angerfist
Понедельник, 12 Декабря 2016 | Сообщение 9
Оффлайн
Vip
Сообщений:767
Награды: 21
dagada3211978, я не особо вникал в весь код данного рипа вида материалов, нашёл выход и всё...

Добавлю только что в коде по ссылке материала в стилях лишнее есть, а именно:
Код

body {background:#fff;font-family:Arial;}
a {text-decoration:none;}
a:hover {text-decoration:underline}

У вашего сайта есть свои стили в таблице для шаблона, зачем ещё врезать... Это отступление.
А вот ещё немного процитирую:
Цитата

Display: table-cell

Самое интересное из табличных значений display. Означает: «Веди себя как ячейка таблицы». По умолчанию это значение имеют элементы td и th. Свойства табличных ячеек и элементов со значением display: table-cell:

Идущие подряд ячейки находятся на одной строке с себе подобными, не переходя на следующую; если ячейкам на строке тесно, они сначала ужимаются по ширине, а затем начинают распяливать контейнер и/или окно браузера;

Ширина ячеек по умолчанию распределяется пропорционально содержанию (с учётом всех ячеек в данной строке), однако может прямо задаваться через css;

Все ячейки в строке имеют одинаковую высоту, которая определяется содержанием самой большой ячейки в данной строке;

Ячейка может иметь внутренние отступы (padding), но не может иметь полей (margin);

И так далее...


Ладно, проверил я в IE, предлагаю внести поправку в стили, в классе mtr_message img указан максимальный размер изображения полный (все 100%)
Код
.mtr_message img {max-width:100%;vertical-align:bottom}


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

Вот такой размер предлагаю 525px, на примере одного из фото с вашего сайта:
Код
.mtr_message img {max-width:525px;vertical-align:bottom}


Вообщем проверьте, другие варианты не рассматривал...


No regrets

Сообщение отредактировал
Angerfist - Понедельник, 12 Декабря 2016, 14:56
Страна: (RU)
Dagada
Понедельник, 12 Декабря 2016 | Сообщение 10
Оффлайн
Vip
Сообщений:89
Награды: 2
Angerfist, сделал как посоветовали.Все чики лари.Благодарствую !!!Под адаптацию так правильно @media only screen and (max-width: 1040px) .mtr_message img {width:100%} ???
Страна: (RU)
Angerfist
Понедельник, 12 Декабря 2016 | Сообщение 11
Оффлайн
Vip
Сообщений:767
Награды: 21
dagada3211978, в принципе медиа тут тут просто гонит эти стили только от 1040px, если выше разрешение экрана то будут подхватываться классы указанные в общих стилях... Писалось под тот шаблон школьный, откуда рип, для .mtr_message img будут общие стили на всех разрешениях, они не указаны в медиа и не нужны, в общих и так указано max, это уже гибкость изображения.

No regrets

Сообщение отредактировал
Angerfist - Понедельник, 12 Декабря 2016, 15:28
Страна: (RU)
Dagada
Понедельник, 12 Декабря 2016 | Сообщение 12
Оффлайн
Vip
Сообщений:89
Награды: 2
Angerfist, Ясно.Спасибо.А можно не по теме ?
Страна: (RU)
Angerfist
Понедельник, 12 Декабря 2016 | Сообщение 13
Оффлайн
Vip
Сообщений:767
Награды: 21
Я не модератор форума) можно конечно)

No regrets
Страна: (RU)
Dagada
Понедельник, 12 Декабря 2016 | Сообщение 14
Оффлайн
Vip
Сообщений:89
Награды: 2
Angerfist, background:rgba(0,0,0,0.5) как прикрепить к шапке вот стили #header img {display:block;margin:0 auto;}
#header{
width: 100%;
height:auto ;
background-color: #507299;
margin-bottom: 3px;
position:relative;
}
Страна: (RU)
Angerfist
Понедельник, 12 Декабря 2016 | Сообщение 15
Оффлайн
Vip
Сообщений:767
Награды: 21
dagada3211978, я вопрос не понял, прицепить прозрачность к изображению шапки?

No regrets
Страна: (RU)
Форум » Веб-разработка » Вопросы про uCoz » Некорректно отображается вид материалов в IE
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск: