оптимизация сайта

[pdbq]

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

я создавал сайт пользуясь хромом от гугл. немного оптимизировал под мозилу и оперу. основная проблема возникла с IE.

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

Что можно сделать что бы не переделывать дизайн сайта?

я целый месяц разбирался со всем этим и на новый дизайн совсем не хочется тратить силы- настроения нет.

Что можно переделать или оптимизировать для IE(использовал отдельный .css ), что бы было примерное сходство с другими браузерами?

может что то на что нибудь заменить?

это мой первый сайт, сильно не пинайте.

Буду ждать вашего ответа. Спасибо! http://ufa-anna.ru/

Edited December 13, 2011 by pdbq

[pdbq]

кто нибудь помогите

[workerbeeviii]

Все эти тени, закругления надо было делать изображениями. IE же CSS3 не поддерживает.

[pdbq]

Все эти тени, закругления надо было делать изображениями. IE же CSS3 не поддерживает.

ну я уже понял что он ничего не поддерживает, просто надеялся на PIE.htc, а оказалось что не все с ним реально сделать.

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

еще что нибудь посоветуете? может кто нибудь знает как преобразовать дизайн?

[workerbeeviii]

C CSS3 еще не сталкивался, но Google выдает всякие хаки и скрипты для IE. Правда, как они работают я не знаю. Надо поиграться.

была идея сделать все через рисунки, но тогда будут большие рисунки, весить будут много- грузится долго.

О каких больших рисунках идет речь? Там же всего 7 кнопок и один background. Верхние кнопки сделаете методом раздвижных дверей.

Как-то так, хотя я не профи, а начинающий.

Edited December 13, 2011 by workerbeeviii

[pdbq]

О каких больших рисунках идет речь? Там же всего 7 кнопок и один background. Верхние кнопки сделаете методом раздвижных дверей.

я думаю проблемы будут непосредственно с почти всеми рисунками: крайний левый, крайний правый и центральный блок. Я хотел что бы блоки были "пушистыми", НО если под крайние блоки можно сделать рисунки то под центральный уже никак: во первых(даже если мы знаем его размеры) он будет большой за счет своей пушистости, во вторых мы не знаем его размер. или я чего то не до понимаю? возможно конечно сделать маленький блок и растянуть его под текст но тогда качество будет не очень, совсем не очень

[pdbq]

<!--[if lte IE 8]>
        <link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->

.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);
}

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

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

Edited December 14, 2011 by pdbq

[Great Rash]

Прочитайте вот это, думаю будет полезно.

[bisecom]

Прочитайте вот это, думаю будет полезно.

Очень даже красиво получилось! Я просматривал через хром правда..

Да действительно проблема с браузерами..

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