Extra Block Types (EBT) - New Layout Builder experience❗

Extra Block Types (EBT) - styled, customizable block types: Slideshows, Tabs, Cards, Accordions and many others. Built-in settings for background, DOM Box, javascript plugins. Experience the future of layout building today.

Demo EBT modules Download EBT modules

❗Extra Paragraph Types (EPT) - New Paragraphs experience

Extra Paragraph Types (EPT) - analogical paragraph based set of modules.

Demo EPT modules Download EPT modules

Scroll

в теме ZEN

в теме ZEN
, by

добрый ночи,

подскажите пожалуйста, как сделать чтобы в IE explorer 8, отображался меню вверху& а не внизу

тема zen

 

 css верстал не чего не получилось((

 

 

1 answer
votes: 993
Answer

ошибку нашёл, но потом в опере криво отображается меню,

 как сделать отдельный php файл только для explorer 8 

сделать page.tpl.php только для explorer 8

 

 


Нужно использовать не отдельный файл page.tpl.php, а отдельный css файл с помощью conditiona comments:

<!--[if IE 8]>
Подключаем css файл отдельно для IE8
<![endif]-->

Подключить можно в файле html.tpl.php, если это друпал 7.

Вот здесь можно подробно почитать:

http://msdn.microsoft.com/en-us/library/ms537512%28v=vs.85%29.aspx


у меня drupal 7

 

<!--[if lt IE 9]>
  <script src="<?php print $base_path . $path_to_zen; ?>/css/ie8.js"></script>
<![endif]-->

 правильно?)

 

 

 только не врубаюсь как сделать меню (navigation) над id header что бы id header был над меню( navigation ) 

 

 

 

 


с помощью позиционирования, position: absolute, можно вывести куда угодно блок.


 

   вставил в html.tpl.php

 

 

<!--[if lt IE 8]>
<script src="<?php print $base_path . $path_to_zen; ?>/css/navigationie8.css"></script>
<![endif]-->

 

 

 

navigationie8.css

 

 

#navigation {
width: 20px;
position: relative;
font-size: 15px;
}

#header-top {
width: 20px;
}
     не чего не изменяется всё по прежнему! скажи пожалуйста что я сделал не правильно?

 

 

 

 

 


lt - значит меньше,  нужно написать lte

<!--[if lt IE 8]>


написал <!--[if lte IE 8]> не чего не изменилось!


Проверьте работает ли вообще css, напишите в вашем файле для ие:

body{

  display: none;

}

 

Если все на сайте пропадет, значит работает, если нет, тогда попробуйте просто хаками код написать:

http://habrahabr.ru/post/125396/


css не работает!

хаками не чего не получается, не каких изменений нет!

 

 


скажите пожалуйста, как хаками поднять меню?)


всё перепробовал, не каких изменений не, может есть ещё варианты для вёрстки IE8?


задайте с помощью хака:

margin: -10px;

ну или любой другой отрицательный margin.


   

оригинальный хак

Отделение стилей от IE6 — IE8 :

--------------------------------------
*|html .class { }
html:not([lang*=""]) .class { }

----------------------------------------

 

 

 *|html #navigation { margin: -100px;}
html:not([lang*=""]) #navigation { margin: -100px;}

не каких изменений, нет, в браузере IE8

 

 

 

 

 

 

 

 

 

 

 


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


Хаки и conditional comments это основные средства верстки под IE. Посмотрите еще вот этот модуль:

https://drupal.org/project/conditional_styles

 


Использую тему Zen  в Drupal 7. Подскажите еще варианты чтоб сайт корректно отображался в IE 8.

 

 


Можете попробовать отключить дополнительные javascript в теме, там есть modrnize, boilerplant или что-то подобное, возможно в ие8 они плохо отрабатывают.