Jump to content
  • 0

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


pdbq
 Share

Question

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

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

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

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

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

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

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

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

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

Edited by pdbq
Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0

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

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

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

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

Link to comment
Share on other sites

  • 0

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

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

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

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

Edited by workerbeeviii
Link to comment
Share on other sites

  • 0

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

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

Link to comment
Share on other sites

  • 0

<!--[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 by pdbq
Link to comment
Share on other sites

  • 0

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

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

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

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy