[Помогите] проблема с отображением в IE

Тема в разделе "Wordpress", создана пользователем Alex_Foks, 15 фев 2011.

Статус темы:
Закрыта.
Модераторы: Sorcus
  1. Alex_Foks

    Alex_Foks Блуждающий

    Регистр.:
    14 дек 2010
    Сообщения:
    165
    Симпатии:
    34
    собственно есть сайт на wp
    добавил в него с верху меню
    там вот в чём проблема: при просмотре в Firefox всё отображается
    нормально а в Explorer, Opera отображается без округления
    нужно добавить поддержку в style_ie.css
    но вот что не разберусь
    короче вот скрины
    в Firefox как нужно
    [​IMG]
    в Explorer,Opera
    [​IMG]
    и собственно код
    добавил в style.css
    PHP:
    #supernav {
        
    fontbold 9px/9px VerdanaLucida GrandeArialHelveticaSans-Serif;
        
    positionabsolute;
        
    top201px;
        
    left50%;
        
    width720px;
        
    margin0 0 0 -360px;
        
    padding5px 16px
        
    text-alignleft;
        
    displayblock;
        }
    #supernav li {
        
    margin0;
        
    padding0;
        
    text-transformlowercase;
        
    displayinline;
        }
    #supernav a {
        
    color#FFFFFF;
        
    background#63AAE7;
        
    font-weightnormal;
        
    height19px;
        
    padding5px 16px;
        -
    moz-border-radius-topright6px
        -
    moz-border-radius-topleft6px;    
        }
    #supernav a:hover {
        
    color#111;
        
    backgroundwhite;
        
    text-decorationnone;
        -
    moz-border-radius-topright6px;
        -
    moz-border-radius-topleft6px;    
        }
    #supernav .current_page_item a {
        
    color#111;
        
    backgroundwhite;
        
    text-decorationnone;
        -
    moz-border-radius-topright6px;
        -
    moz-border-radius-topleft6px;
    }
    #hack {
        
    backgroundwhite;
        
    height2px;
        
    width450px;
        
    displayinline;
        
    positionabsolute;
        
    top220px;
        
    left50%;
        
    margin0 0 0 -350px;
        
    padding0;
        
    z-index2;
        }
     
  2. ben807

    ben807 Создатель

    Регистр.:
    26 апр 2009
    Сообщения:
    35
    Симпатии:
    5
    это не работает в ie.
    если Вам нужны уголки в ie придется делать графикой
     
  3. Alex_Foks

    Alex_Foks Блуждающий

    Регистр.:
    14 дек 2010
    Сообщения:
    165
    Симпатии:
    34
    а поточнее можно про графику (как я понял добавлением .png картинок)
    А другой способ есть ?
     
  4. evraya

    evraya Читатель

    Заблокирован
    Регистр.:
    3 авг 2010
    Сообщения:
    251
    Симпатии:
    296
    Есть способ вложенных элементов - оч. оригинальный, хоть и не семантичный.

    Дико извиняюсь за тематику, но что поделаешь именно на этом сайте такие уголочки:

    http://paradise4you.info/
    http://paradise4you.info/index/0-10 -вот тут наглядно, внизу все прозрачно
     
  5. Dr.Sheff

    Dr.Sheff

    Регистр.:
    20 ноя 2010
    Сообщения:
    175
    Симпатии:
    26
    PHP:
        -webkit-border-top-right-radius30px;
        -
    webkit-border-top-left-radius30px;

        -
    moz-border-radius-topright30px;
        -
    moz-border-radius-topleft30px;

        
    border-top-right-radius30px;
        
    border-top-left-radius30px;
    вписывайте все 3 параметра, это обеспечит максимальное количество поддерживаемых браузеров. Вроде только ИЕ 6 не удел останется.
     
  6. Flameberg

    Flameberg Постоялец

    Регистр.:
    12 дек 2010
    Сообщения:
    103
    Симпатии:
    34
    Это неправда. Border-radius из CSS3 не поддерживают версии IE с самой первой и аж по 8. Девятая - поддерживает.

    Алекс, для таких вкладок нужно вручную отрисовать плашки (фон) - изображения поддерживают практически все браузеры :D


    Evraya, интересный способ! Можно где-то о нём прочесть? Я так, если честно, до конца и не понял, как это повторить: каждое скругление выделено отдельным вложенным в ДИВ набором тэгов. А ширина этих элементов где задаётся, чтоб скругление границы получилось?
     
  7. evraya

    evraya Читатель

    Заблокирован
    Регистр.:
    3 авг 2010
    Сообщения:
    251
    Симпатии:
    296
    Ну, отдельной темой конечно идет библиотечка для универсальных уголков, к ознакомлению обязательно всем, кто любит нестандарт:

    http://chikuyonok.ru/2009/02/rocon/

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

    http://habrahabr.ru/blogs/webdev/30019/
     
    Flameberg нравится это.
Статус темы:
Закрыта.