Верстаю шаблон под друпал 7 и колонки не отображают фоновой цвет и курсор меняется как будто там текст, а у левой колонки пропал и поиск... Сайт: Скрины: 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 --- Ошибочка вышла, в правой колонке "Поиск" пропал.
На мой взгляд, все дело в псевдоэлементе :after и display:table. И тот и другой поддерживается только с 8 IE. Вы в каком IE проверяли?
в 11, но там все норм, но я обычно включаю "режим совместимости" и после этого если криво отображается, значит в более старых версиях так же будет криво. --- Добавлено, 8 июл 2015 --- щас посмотрел в 8ом тоже нормально, может зря заморочился? --- Добавлено, 8 июл 2015 --- Но поиск в IE пропадает в правой колонке это как нибудь решается?
Так он стоит там, через chrome смотрю --- Добавлено, 9 июл 2015 --- блин он только когда под админкой заходишь есть... странно Роли не выбраны и написано что будет видно всем... --- Добавлено, 9 июл 2015 --- Разобрался там надо было в права доступа в самих настройках модуля поставить галочки.