Maxi menu некорректно отображается в Google Chrome

Тема в разделе "Внешний вид, шаблоны, графика", создана пользователем Nikirinka, 17.01.2012.

  1. Offline

    Nikirinka Недавно здесь

    Регистрация:
    17.01.2012
    Сообщения:
    10
    Симпатии:
    0
    Пол:
    Женский
    Всем добрый день. У меня такая проблема. Установила на сайт (Joomla 1.5) горизонтальное Maximenu CK, в Опере, мозиле и IE отображается все хорошо, а в Гугл Хроме и Сафари пункты выпадающего меню съезжают вправо все перелазила, где проблема не могу найти, подскажите плиз. В комментах разработчика написано /* important for Chrome and Safari compatibility */, поставила !important, не помогло.
    Кидаю часть файла меню, помогите пожалуйста:
    Код (PHP):
    1. /* item description */
    2. div#<?php echo $id; ?> span.descCK {
    3.     color : #ffffff;
    4.     display : block;
    5.     text-transform : none;
    6.     font-size : 10px;
    7.     text-decoration : none;
    8.     height : 12px;
    9.     line-height : 12px;
    10.     float : none !important;
    11.     float : left;
    12. }
    13.  
    14. /* item title when mouseover */
    15. div#<?php echo $id; ?> ul.maximenuCK  a:hover span.titreCK {
    16.     color : #fba77e;
    17. }
    18.  
    19. /**
    20. ** child items
    21. **/
    22.  
    23. /* child item title */
    24. div#<?php echo $id; ?> ul.maximenuCK2  a.maximenuCK {
    25.     width : 160px;
    26. }
    27.  
    28. div#<?php echo $id; ?> ul.maximenuCK2 li a.maximenuCK,
    29. div#<?php echo $id; ?> ul.maximenuCK2 li span.separator {
    30.     text-decoration : none;
    31.     list-style-position: inside;
    32.     width : 180px;
    33.     margin : 0 auto;
    34.     padding : 3px 0 3px 0;
    35. }
    36.  
    37. /* child item block */
    38. div#<?php echo $id; ?> ul.maximenuCK ul.maximenuCK2 {
    39.     background : #f86505;
    40.     margin : 3px 0 0 0;
    41.     padding : 0;
    42.     border : none;
    43.     width : 180px !important; /* important for Chrome and Safari compatibility */
    44. }
    45.  
    46. div#<?php echo $id; ?> ul.maximenuCK2 li.maximenuCK {
    47.     width : 180px;
    48.     padding : 2px 0 0 0;
    49.     border : none;
    50.     margin : 0;
    51.     background : none;
    52. }
    53.  
    54. /* child item container  */
    55. div#<?php echo $id; ?> ul.maximenuCK li div.floatCK {
    56.     background : #f86505;
    57.     border : 1px solid #ffffff;
    58. }
    59.  
    60. /**
    61. ** module style
    62. **/
    63.  
    64. div#<?php echo $id; ?> div.maximenuCK_mod {
    65.     width : 170px;
    66.     padding : 0;
    67.     overflow : hidden;
    68.     color : #ddd;
    69.     white-space : normal;
    70. }
    71.  
    72. div#<?php echo $id; ?> div.maximenuCK_mod div.moduletable {
    73.     border : none;
    74.     background : none;
    75. }
    76.  
    77. div#<?php echo $id; ?> div.maximenuCK_mod  fieldset{
    78.     width : 160px;
    79.     padding : 0;
    80.     margin : 0 auto;
    81.     overflow : hidden;
    82.     background : #f86505;
    83.     border : none;
    84. }
    85.  
    86. div#<?php echo $id; ?> ul.maximenuCK2 div.maximenuCK_mod a {
    87.     border : none;
    88.     margin : 0;
    89.     padding : 0;
    90.     display : inline;
    91.     background : #f86505;
    92.     color : #888;
    93.     font-weight : normal;
    94. }
    95.  
    96. div#<?php echo $id; ?> ul.maximenuCK2 div.maximenuCK_mod a:hover {
    97.     color : #FFF;
    98. }
    99.  
    100. /* module title */
    101. div#<?php echo $id; ?> ul.maximenuCK div.maximenuCK_mod h3 {
    102.     font-size : 14px;
    103.     width : 170px;
    104.     color : #aaa;
    105.     font-size : 14px;
    106.     font-weight : normal;
    107.     background : #444;
    108.     margin : 5px 0 0 0;
    109.     padding : 3px 0 3px 0;
    110. }
    111.  
    112. div#<?php echo $id; ?> ul.maximenuCK2 div.maximenuCK_mod ul {
    113.     margin : 0;
    114.     padding : 0;
    115.     width : 170px;
    116.     background : none;
    117.     border : none;
    118.     text-align : left;
    119. }
    120.  
    121. div#<?php echo $id; ?> ul.maximenuCK2 div.maximenuCK_mod li {
    122.     margin : 0 0 0 15px;
    123.     padding : 0;
    124.     width : 155px;
    125.     background : none;
    126.     border : none;
    127.     text-align : left;
    128.     font-size : 11px;
    129.     float : none;
    130.     display : block;
    131.     line-height : 20px;
    132.     white-space : normal;
    133. }
    134.  
    135. /* login module */
    136. div#<?php echo $id; ?> ul.maximenuCK2 div.maximenuCK_mod #form-login ul {
    137.     left : 0;
    138.     margin : 0;
    139.     padding : 0;
    140.     width : 170px;
    141. }
    142.  
    143. div#<?php echo $id; ?> ul.maximenuCK2 div.maximenuCK_mod #form-login ul li {
    144.     margin : 2px 0;
    145.     padding : 0 5px;
    146.     height : 20px;
    147.     background : #f86505;
    148. }
    149.  
    150.  
    151. /**
    152. ** columns width & child position
    153. **/
    154.  
    155. /* child blocks position (from level2 to n) */
    156. div#<?php echo $id; ?> ul.maximenuCK li.maximenuCK div.floatCK div.floatCK {
    157.     margin : -30px 0 0 180px;
    158. }
    159.  
    160. /* margin for overflown elements that rolls to the left */
    161. div#<?php echo $id; ?> ul.maximenuCK li.maximenuCK div.floatCK div.floatCK.fixRight  {
    162.     margin-right : 180px;
    163. }
    164.  
    165. /* default width */
    166. div#<?php echo $id; ?> ul.maximenuCK li div.floatCK {
    167.     width : 180px;
    168. }
    169.  
    170. /* 2 cols width */
    171. div#<?php echo $id; ?> ul.maximenuCK li div.cols2 {
    172.     width : 360px;
    173. }
    174.  
    175. div#<?php echo $id; ?> ul.maximenuCK li div.cols2>div.maximenuCK2 {
    176.     width : 50%;
    177. }
    178.  
    179. /* 3 cols width */
    180. div#<?php echo $id; ?> ul.maximenuCK li div.cols3 {
    181.     width : 540px;
    182. }
    183.  
    184. div#<?php echo $id; ?> ul.maximenuCK li div.cols3>div.maximenuCK2 {
    185.     width : 33%;
    186. }
    187.  
    188. /* 4 cols width */
    189. div#<?php echo $id; ?> ul.maximenuCK li div.cols4 {
    190.     width : 720px;
    191. }
    192.  
    193. div#<?php echo $id; ?> ul.maximenuCK li div.cols4>div.maximenuCK2 {
    194.     width : 25%;
    195. }
    196.  
    197.  
    198.  
    199. /**
    200. ** fancy parameters
    201. **/
    202.  
    203. div#<?php echo $id; ?> .maxiFancybackground {
    204.     list-style : inside;
    205. }
    206.  
    207. div#<?php echo $id; ?> .maxiFancybackground .maxiFancycenter {
    208.     background: url('../images/fancy_bg.png') repeat-x top left;
    209.     height : 34px;
    210.    
    211. }
    212.  
    213. div#<?php echo $id; ?> .maxiFancybackground .maxiFancyleft {
    214.  
    215. }
    216.  
    217. div#<?php echo $id; ?> .maxiFancybackground .maxiFancyright {
    218.  
    219. }
     
  2.  

Поделиться этой страницей

Загрузка...