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



 

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

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

Открыть тему
Тема закрыта
> оптимизация сайта
pdbq
pdbq
Topic Starter сообщение 13.12.2011, 11:19; Ответить: pdbq
Сообщение #1


Добрый день. Занялся изучением html и css, решил сделать сайт, у меня возникла следующая проблема:
я создавал сайт пользуясь хромом от гугл. немного оптимизировал под мозилу и оперу. основная проблема возникла с IE.

Решил использовать css3pie.com, но оказалось что тень для блоков и прозрачность(пробовал и с рисунками .png) одновременно использоваться не могут(возможно я что то не так делаю), уже позже понимаю что создал изначально "не правильный" дизайн сайта(т.к. пользовался тенями, закруглениями и прозрачностью - все из css3) - все это тормозит на IE(к тому же фон страницы фиксированный рисунок).

Что можно сделать что бы не переделывать дизайн сайта?
я целый месяц разбирался со всем этим и на новый дизайн совсем не хочется тратить силы- настроения нет.
Что можно переделать или оптимизировать для IE(использовал отдельный .css ), что бы было примерное сходство с другими браузерами?
может что то на что нибудь заменить?
это мой первый сайт, сильно не пинайте. буду ждать вашего ответа. Спасибо! http://ufa-anna.ru/
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Liforte
Liforte
сообщение 13.12.2011, 13:30; Ответить: Liforte
Сообщение #2


Не вижу проблем.
Пишите стили в отдельном файле ie.css для IE и прикрепляете его к основному шаблону. В стилях прописываете не всё, а только то что необходимо для отображение отдельных элементов. И комментируете его на применение только при использование браузера IE, это снизит нагрузку на сервер и ускорит загрузку сайта в других браузерах.
В использование фоновых картинок в формате png для сайта также не вижу сложностей, IE их прекрасно читает. К примеру мой сайт практически полностью построен на фоновых изображениях в формате png.

(pdbq @ 13.12.2011, 14:19) *
все это тормозит на IE(к тому же фон страницы фиксированный рисунок).


Не понял как фиксированный фон влияет на кросс-браузерность.
Все приведённые ниже манипуляции займут ну максимум пару часов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pdbq
pdbq
Topic Starter сообщение 13.12.2011, 14:09; Ответить: pdbq
Сообщение #3


проблема в том как совместить прозрачность и тень, через css3pie.com не получилось. или может что нибудь посоветуете изменить в дизайне?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Liforte
Liforte
сообщение 13.12.2011, 14:14; Ответить: Liforte
Сообщение #4


Я не понимаю чего-то наверное, но я выше написал, как это сделать с помощью отдельной таблицы стилей для IE. Этот метод не устраивает?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pdbq
pdbq
Topic Starter сообщение 13.12.2011, 15:11; Ответить: pdbq
Сообщение #5


(Liforte @ 13.12.2011, 17:14) *
Этот метод не устраивает?


ну я и так и делал. но дело в том что IE не поддерживает тени и закругления. я использовал pie3 но при этом тень делает не прозрачным div. и эффект уже не тот. вот я и не знаю как обойти это. про то что нужно использовать отдельный css стиль для IE я понял, когда начинал изучать css.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Liforte
Liforte
сообщение 13.12.2011, 18:38; Ответить: Liforte
Сообщение #6


(pdbq @ 13.12.2011, 18:11) *
ну я и так и делал.


Как именно Вы делали? Ваши действия по подробнее.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pdbq
pdbq
Topic Starter сообщение 13.12.2011, 20:42; Ответить: pdbq
Сообщение #7


Я делал так:
<!--[if lte IE 8]>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]--
>

[CSS].leftmenu{
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
background-image:url(images/mymenu.png);
box-shadow: 0px 0px 10px 2px #fff;
border-radius: 10px;
height: 45px;
overflow: hidden;
-webkit-transition: height 0.5s ease;
-moz-transition: height 0.5s ease;
-o-transition: height 0.5s ease;
transition: height 0.5s ease;

behavior: url(PIE.htc);
}[/CSS]


В данном случае должно получится: прозрачное меню(рисунок), с округлыми углами и тенью(в моем случае свечение)
Но почему то получается следующее: не прозрачный рисунок, с округлыми углами и тенью. я заметил что PIE.htc не работает одновременно с прозрачностью и тенью.

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Продвижение молодого сайта
30 maxmer 6362 26.3.2024, 21:49
автор: c4p1t4l15t
Открытая тема (нет новых ответов) SEO-текст на главной странице сайта и в категориях
5 boltuk 1352 26.3.2024, 21:43
автор: c4p1t4l15t
Открытая тема (нет новых ответов) Какой % отказов нормален для сайта?
10 Aloof 2541 24.3.2024, 21:45
автор: Liudmila
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыБыстрая индексация страниц сайта и обратных ссылок - 2Index
32 2Index 5807 18.3.2024, 16:33
автор: 2Index
Горячая тема (нет новых ответов) Оптимизация сайтов, продвижение, наращивание ссылок
Большой опыт работы, отзывы
304 tario777 203064 13.3.2024, 14:01
автор: tario777


 



RSS Текстовая версия Сейчас: 28.3.2024, 16:48
Дизайн