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

Тема в разделе "Drupal", создана пользователем xoff, 8 июл 2015.

  1. xoff

    xoff

    Регистрация:
    2 сен 2013
    Сообщения:
    72
    Симпатии:
    13
    Верстаю шаблон под друпал 7 и колонки не отображают фоновой цвет и курсор меняется как будто там текст, а у левой колонки пропал и поиск...

    Сайт:


    Скрины:
    [​IMG]


    HTML:
    Код:
    <div id="wrapper">
    
        <div id="header">
            <div id="slideshow">
                <img src="/sites/all/themes/spektr_disign/images/header/01.jpg" class="active" alt="Слайдшоу 1"/>
                <img src="/sites/all/themes/spektr_disign/images/header/02.jpg" alt="Слайдшоу 2"/>
                <img src="/sites/all/themes/spektr_disign/images/header/03.jpg" alt="Слайдшоу 3"/>
                <img src="/sites/all/themes/spektr_disign/images/header/04.jpg" alt="Слайдшоу 4"/>
            </div>       
        </div><!-- .header-->   
        <div id="top-menu">
            <?php print render($page['top_menu']);?>
        </div><!-- .top-menu-->
       
        <div id="middle">
            <div id="container">
                <img class="logo" src="/sites/all/themes/spektr_disign/images/logo.jpg" alt="Логотип"/>
                <div class="text-head">
                    <h1><?php print $title ?: $site_name; ?></h1>
                    <img class="cat" src="http://spektr-sb.ru/ImgKn%20pr/Knk/head-text.png" alt="Подложка для заголовка"/>
                </div>
                <div id="content">
                    <?php print render($page['content']);?>
                </div><!-- .content-->
                <div id="card">
                    <?php print render($page['card']);?>
                </div>
            </div><!-- .container-->
    
            <div id="left-sidebar">
                <?php print render($page['left-sidebar']);?>
            </div><!-- .left-sidebar -->
    
            <div id="right-sidebar">
                <?php print render($page['right-sidebar']);?>
            </div><!-- .right-sidebar -->
    
        </div><!-- .middle-->
    
        <div id="footer">
           
        </div><!-- .footer -->
    
    </div><!-- .wrapper -->
    
    CSS:
    Код:
    * {
        margin: 0;
        padding: 0;
    }
    body {
        font: 12px/18px Arial, sans-serif;
        width: 100%;
    }
    
    
    #wrapper {
        width: 1025px;
        margin: 0 auto;
        border: 1px solid;
    }
    
    
    /* Header
    -----------------------------------------------------------------------------*/
    #header {
        height: 200px;
        background: #2C8AC7;
    }
    
    
    /* Top-menu
    -----------------------------------------------------------------------------*/
    #top-menu {
        height: 32px;
        line-height: 32px;
        background: #2C8AC7;
        border-bottom: 1px solid;
    }
    
    #top-menu ul {
        margin: 0px;
        padding: 0px;
        text-align: center;
    }
    
    #top-menu ul li {
        display: inline;
        padding: 0px 20px;
    }
    
    #top-menu ul li a {
        color: #FF0;
        font-size: 12px;
        font-family: Tahoma, Arial;
        text-decoration: underline;
        text-transform: uppercase;
    }
    
    #top-menu ul li a:hover {
        color: #FFF;
        text-decoration: none;
    }
    
    
    /* Middle
    -----------------------------------------------------------------------------*/
    #middle {
        border-left: 197px solid #2C8AC7;
        border-right: 177px solid #306bc5;
        position: relative;
        background-color: #FFF;
    }
    
    
    
    #middle:after {
        display: table;
        clear: both;
        content: '';
    }
    
    #container {
        width: 100%;
        float: left;
        overflow: hidden;
        margin-right: -100%;
    }
    
    #container .logo {
        width: 100%;
        margin-top: 10px;
    }
    
    #container .text-head {
        height: 40px;
        line-height: 40px;
    }
    
    #container .text-head h1 {
        position: absolute;
        color: #fff;
        width: 535px;
        font-size: 16px;
        text-align: left;
        margin-left: 30px;
    }
    
    #content {
        padding: 20px;
    }
    
    #card {
        padding: 2px 20px;
        border-top: 1px solid #E0E0E0;
        margin-bottom: 20px;
    }
    #card h2 {
      color: #000099;
      font-size: 16px;
      font-weight: bold;
      line-height: 14px;
      margin-top: 10px;
      margin-bottom: 5px;
      font-family: Tahoma, Arial;
      text-decoration: none;
    }
    
    #card .card {
        margin-top: 20px;
        margin-bottom: 10px;
    }
    
    #card .card .item {
        width: 550px;
        clear: both;
        padding: 7px;
        margin-bottom: 10px;
    }
    
    #card .card img {
        float: left;
        height: 110px;
    }
    
    #card .card p{
        height: 110px;
        padding-left: 180px;
    }
    
    /* Left Sidebar
    -----------------------------------------------------------------------------*/
    #left-sidebar {
        float: left;
        width: 197px;
        position: relative;
        background: #2C8AC7;
        left: -197px;
        margin-bottom: 20px;
    }
    
    #left-sidebar .left-menu img {
        vertical-align:bottom;
        margin-top:2px;
    }
    
    
    /* Right Sidebar
    -----------------------------------------------------------------------------*/
    #right-sidebar {
        float: right;
        margin-right: -177px;
        width: 177px;
        position: relative;
        background: #306bc5;
    }
    
    
    /* Footer
    -----------------------------------------------------------------------------*/
    #footer {
        display: table;
        width: 100%;
        height: 55px;
        background: #2C8AC7;
        border-top: 1px solid;
    }
    
    --- Добавлено, 8 июл 2015 ---
    Ошибочка вышла, в правой колонке "Поиск" пропал.
     
  2. M0EStRO

    M0EStRO

    Регистрация:
    28 ноя 2013
    Сообщения:
    35
    Симпатии:
    5
    На мой взгляд, все дело в псевдоэлементе :after и display:table. И тот и другой поддерживается только с 8 IE. Вы в каком IE проверяли?
     
    xoff нравится это.
  3. xoff

    xoff

    Регистрация:
    2 сен 2013
    Сообщения:
    72
    Симпатии:
    13
    в 11, но там все норм, но я обычно включаю "режим совместимости" и после этого если криво отображается, значит в более старых версиях так же будет криво.
    --- Добавлено, 8 июл 2015 ---
    щас посмотрел в 8ом тоже нормально, может зря заморочился?
    --- Добавлено, 8 июл 2015 ---
    Но поиск в IE пропадает в правой колонке :Biggrin: это как нибудь решается?
     
  4. M0EStRO

    M0EStRO

    Регистрация:
    28 ноя 2013
    Сообщения:
    35
    Симпатии:
    5
    Вы не могли бы вернуть поиск, чтобы можно было на сайте его посмотреть?
     
  5. xoff

    xoff

    Регистрация:
    2 сен 2013
    Сообщения:
    72
    Симпатии:
    13
    Так он стоит там, через chrome смотрю
    --- Добавлено, 9 июл 2015 ---
    блин он только когда под админкой заходишь есть... странно Роли не выбраны и написано что будет видно всем...
    --- Добавлено, 9 июл 2015 ---
    Разобрался там надо было в права доступа в самих настройках модуля поставить галочки.