Всем добрый день. У меня такая проблема. Установила на сайт (Joomla 1.5) горизонтальное Maximenu CK, в Опере, мозиле и IE отображается все хорошо, а в
Google Хроме и Сафари пункты выпадающего меню съезжают вправо все перелазила, где проблема не могу найти, подскажите пожалуйста. В комментах разработчика написано /* important for Chrome and Safari compatibility */, поставила !important, не помогло.
Кидаю часть файла меню, помогите пожалуйста:
/* item description */
div#<?php echo $id; ?> span.descCK {
color : #ffffff;
display : block;
text-transform : none;
font-size : 10px;
text-decoration : none;
height : 12px;
line-height : 12px;
float : none !important;
float : left;
}
/* item title when mouseover */
div#<?php echo $id; ?> ul.maximenuCK a:hover span.titreCK {
color : #fba77e;
}
/**
** child items
**/
/* child item title */
div#<?php echo $id; ?> ul.maximenuCK2 a.maximenuCK {
width : 160px;
}
div#<?php echo $id; ?> ul.maximenuCK2 li a.maximenuCK,
div#<?php echo $id; ?> ul.maximenuCK2 li span.separator {
text-decoration : none;
list-style-position: inside;
width : 180px;
margin : 0 auto;
padding : 3px 0 3px 0;
}
/* child item block */
div#<?php echo $id; ?> ul.maximenuCK ul.maximenuCK2 {
background : #f86505;
margin : 3px 0 0 0;
padding : 0;
border : none;
width : 180px !important; /* important for Chrome and Safari compatibility */
}
div#<?php echo $id; ?> ul.maximenuCK2 li.maximenuCK {
width : 180px;
padding : 2px 0 0 0;
border : none;
margin : 0;
background : none;
}
/* child item container */
div#<?php echo $id; ?> ul.maximenuCK li div.floatCK {
background : #f86505;
border : 1px solid #ffffff;
}
/**
** module style
**/
div#<?php echo $id; ?> div.maximenuCK_mod {
width : 170px;
padding : 0;
overflow : hidden;
color : #ddd;
white-space : normal;
}
div#<?php echo $id; ?> div.maximenuCK_mod div.moduletable {
border : none;
background : none;
}
div#<?php echo $id; ?> div.maximenuCK_mod fieldset{
width : 160px;
padding : 0;
margin : 0 auto;
overflow : hidden;
background : #f86505;
border : none;
}
div#<?php echo $id; ?> ul.maximenuCK2 div.maximenuCK_mod a {
border : none;
margin : 0;
padding : 0;
display : inline;
background : #f86505;
color : #888;
font-weight : normal;
}
div#<?php echo $id; ?> ul.maximenuCK2 div.maximenuCK_mod a:hover {
color : #FFF;
}
/* module title */
div#<?php echo $id; ?> ul.maximenuCK div.maximenuCK_mod h3 {
font-size : 14px;
width : 170px;
color : #aaa;
font-size : 14px;
font-weight : normal;
background : #444;
margin : 5px 0 0 0;
padding : 3px 0 3px 0;
}
div#<?php echo $id; ?> ul.maximenuCK2 div.maximenuCK_mod ul {
margin : 0;
padding : 0;
width : 170px;
background : none;
border : none;
text-align : left;
}
div#<?php echo $id; ?> ul.maximenuCK2 div.maximenuCK_mod li {
margin : 0 0 0 15px;
padding : 0;
width : 155px;
background : none;
border : none;
text-align : left;
font-size : 11px;
float : none;
display : block;
line-height : 20px;
white-space : normal;
}
/* login module */
div#<?php echo $id; ?> ul.maximenuCK2 div.maximenuCK_mod #form-login ul {
left : 0;
margin : 0;
padding : 0;
width : 170px;
}
div#<?php echo $id; ?> ul.maximenuCK2 div.maximenuCK_mod #form-login ul li {
margin : 2px 0;
padding : 0 5px;
height : 20px;
background : #f86505;
}
/**
** columns width & child position
**/
/* child blocks position (from level2 to n) */
div#<?php echo $id; ?> ul.maximenuCK li.maximenuCK div.floatCK div.floatCK {
margin : -30px 0 0 180px;
}
/* margin for overflown elements that rolls to the left */
div#<?php echo $id; ?> ul.maximenuCK li.maximenuCK div.floatCK div.floatCK.fixRight {
margin-right : 180px;
}
/* default width */
div#<?php echo $id; ?> ul.maximenuCK li div.floatCK {
width : 180px;
}
/* 2 cols width */
div#<?php echo $id; ?> ul.maximenuCK li div.cols2 {
width : 360px;
}
div#<?php echo $id; ?> ul.maximenuCK li div.cols2>div.maximenuCK2 {
width : 50%;
}
/* 3 cols width */
div#<?php echo $id; ?> ul.maximenuCK li div.cols3 {
width : 540px;
}
div#<?php echo $id; ?> ul.maximenuCK li div.cols3>div.maximenuCK2 {
width : 33%;
}
/* 4 cols width */
div#<?php echo $id; ?> ul.maximenuCK li div.cols4 {
width : 720px;
}
div#<?php echo $id; ?> ul.maximenuCK li div.cols4>div.maximenuCK2 {
width : 25%;
}
/**
** fancy parameters
**/
div#<?php echo $id; ?> .maxiFancybackground {
list-style : inside;
}
div#<?php echo $id; ?> .maxiFancybackground .maxiFancycenter {
background: url('../images/fancy_bg.png') repeat-x top left;
height : 34px;
}
div#<?php echo $id; ?> .maxiFancybackground .maxiFancyleft {
}
div#<?php echo $id; ?> .maxiFancybackground .maxiFancyright {
}
13.05.2023, 15:42:15