Друзья, помогите с глюками в IE!

wilelf
На сайте с 27.06.2005
Offline
322
690

Сделал небольшой ресурс. Легкая верстка и прочее...Везде, кроме IE все ок.

Проблемы следующие:

1. Прозрачность файла png (шарик)

2. Не верно подкладывается фон (прописан как стиль для строки tr)

адрес сайта: http://www.smartonweb.ru

Заранее спасибо за помощь.

Агентство контекстной рекламы НеВсем ( https://www.nevsem.ru/ ) Пишу платно статьи для Хабра. Мой профиль ( https://habr.com/ru/users/wilelf/ )
neznaika
На сайте с 28.06.2006
Offline
356
#1

А зачем шарик png-24 сделан? Делайте с фоном склеенным. jpg

Дорого покупаю настоящие сайты. Не инвестирую деньги и не беру кредиты.
wilelf
На сайте с 27.06.2005
Offline
322
#2

Коллега, проблема в том, что фон не на всех страницах одинаков. Точнее, шарик не везде присутствует: http://www.smartonweb.ru/?cat=3

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#3

1. Альфа канал в png в общем случае добавляет 50% веса, так что по возможности его не надо использовать.

В ряде случаев достаточно прозрачного gif.

Если ничего не подошло - фикс для грёбаного IE

2. По подробнее давайте про фон, IE6 под рукой нету.

З
На сайте с 24.04.2008
Offline
54
#4

1. В ИЕ6 давно известна проблема с полупрозрачностью PNG. Почитайте о борьбе с этой устаревшей версией браузера тут.

2. Фон, указанный для строки таблицы, применяется на все ее ячейки, но, судя по всему, ИЕ не отзывается на параметр no-repeat. Попробуйте применить фон к более общему блоку (вся таблица или элемент BODY)

ЗЫ. Выше уже написали про пункт 1, причем одинаковая ссылка даже оказалась :) Соглашусь с мнением о GIF'e, правда не уверен насчет качества картинки шарика в GIF-формате

vandamme
На сайте с 30.11.2008
Offline
675
#5

Да, гиф более 256 цветов не даст, но если шарик маленький - это заметно не будет

Лучше использовать его, чем фиксить гребаный IE

neznaika
На сайте с 28.06.2006
Offline
356
#6

Поудалял чанки, восстановил градиенты.

10кб. минус.

А верстку-бы надо переделать.

png baloon3.png
stealthy
На сайте с 15.06.2006
Offline
69
#7
wilelf:
Коллега, проблема в том, что фон не на всех страницах одинаков. Точнее, шарик не везде присутствует: http://www.smartonweb.ru/?cat=3

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

Но вообще шар на полэкрана у вас совершенно зря. Можно сделать элегантнее, например как на http://www.stratek.ru - и шар есть, и восприятию информации не мешает.

Также на сайте что-то с тиражированием фона и читаемость текста на сайте ужасная, глаза просто вываливаются. Если это не веб-студия, а аналитическая "контора" (если можно так сказать о сайте, на котором ICQ вместо телефона и email без ссылки), то вероятно такой дизайн вообще зря нарисовали. Не в тему. На мой взгляд.

Twilight CMS (http://www.twl.ru): есть Free версия, очень проста и удобна в использовании. Консультирую по любым вопросам. Новый спорт - практическая стрельба (http://nikit.in) - не для офисного планктона.
ETNO
На сайте с 16.06.2008
Offline
117
#8

берите, посмейтесь

[ATTACH]26090[/ATTACH]

А если по делу, то я для себя так и не нашел полностью работоспособного фикса проблемы с png, поэтому стараюсь обходиться без него.

jpg 000ef0td.jpg
Wordpress тема для заработка на партнерках (http://themeforest.net/item/rehub-directory-shop-coupon-affiliate-theme/7646339). Создание каталогов с фильтрацией, расширенный функционал обзоров, layout builder, еженедельное обновление.
stealthy
На сайте с 15.06.2006
Offline
69
#9
ETNO:
берите, посмейтесь

- старо и совсем не в тему. И если я правильно помню начальный англоязычный вариант - он был про верстку на дивах (отсюда и блок про запихивание в итоге всего хозяйства в таблицы). А это какая-то бездарная и несмешная интерпретация и с кривым переводом. "Собственно дизайн" было "design" в смысле "кодирование", то есть корректно перевести как "собственно верстка". Оригинал искать лень.

ETNO:
так и не нашел полностью работоспособного фикса проблемы с png

- искать не умеете. iepngfix.htc или pngbehavior.htc для случая без бэкграундов в png работают совершенно без проблем. Также есть какой то плагин на JQuery, но лично не пробовал. А эти два - лично использовал на более чем 30 проектах.

wilelf
На сайте с 27.06.2005
Offline
322
#10

Тут проблема не просто в использовании png и разного фона...Под картинкой ведь еще и фон, заданный цветом в "#". А на картинке с облаками есть градиент. Вот...

Короче, не стал париться и сделал 2 фона в зависимости от адреса страниц. Спасибо, друзья.

wilelf добавил 06.01.2009 в 22:27

neznaika:
А верстку-бы надо переделать.

Может быть. Со временем на дивах сделаю. Хотя вряд ли. Мы ведь сайты не для валидности делаем и не для красивой верстки. Читается код - и хорошо.

wilelf добавил 07.01.2009 в 11:23

stealthy:
Но вообще шар на полэкрана у вас совершенно зря. Можно сделать элегантнее

Там тексты очень короткие. Поэтому картинка к месту.

stealthy:

Также на сайте что-то с тиражированием фона и читаемость текста на сайте ужасная, глаза просто вываливаются. Если это не веб-студия, а аналитическая "контора" (если можно так сказать о сайте, на котором ICQ вместо телефона и email без ссылки), то вероятно такой дизайн вообще зря нарисовали. Не в тему. На мой взгляд.

Что не так с текстом? Мелкий?

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