incompatibility with Firefox and IE
hi,
my script works on Firefox and doesn't work on IE 6 & 7.
can you help me, please ?
here's my code :
-
// JAVASCRIPT
Lvd = {};
Lvd.Header = {
initialize: function(){
Lvd.Header.formAuthentification();
Lvd.Header.authentification();
Lvd.Header.userMenu();
},
userMenu: function(){
$(".nav_li7").mouseover( function() {
$(".navUsers_ul").show();
$("#content").css({'margin-top' : '45px'}); //déplace #content vers le bas
});
$(".nav_li7").mouseout( function() {
$(".navUsers_ul").hide();
$("#content").css({'margin-top' : '0px'});
});
}
}
$().ready(function() {
Lvd.Common.initialize();
/*Header*/
Lvd.Header.initialize();
/*User*/
Lvd.User.initialize();
/* Helper Column */
Lvd.HelperColumn.initialize();
});
-
// HTML
<div id="navigation">
<div class="navigation_background">
<div class="navigation_left"></div>
<div class="navigation_right"></div>
</div>
<div class="nav_container">
<ul class="nav_ul">
<li>
<a class="nav_li1" href="/" title="<?php echo $translatorMain->_("main_header_menu_home")?>"></a>
</li>
<li>
<a class="nav_li2" href="<?php echo $uri->routes->our_values->route?>" title="<?php echo $translatorMain->_("main_header_menu_our_values");?>"></a>
</li>
<li>
<a class="nav_li3" href="<?php echo $uri->routes->our_offers->route?>" title="<?php echo $translatorMain->_("main_header_menu_our_offers"); ?>"></a>
</li>
<li>
<a class="nav_li4" href="<?php echo $uri->routes->manual->route ?>" title="<?php echo $translatorMain->_("main_header_menu_manual"); ?>"></a>
</li>
<li>
<a class="nav_li5" href="<?php echo $uri->routes->new->route ?>" title="<?php echo $translatorMain->_("main_header_menu_news"); ?>"></a>
</li>
<li>
<a class="nav_li6" href="<?php echo $uri->routes->who_are_we->route ?>" title="<?php echo $translatorMain->_("main_header_menu_who_are_we"); ?>"></a>
</li>
<li class="nav_li7">
<a href="<?php echo $uri->routes->user_connexion->route ?>" class="nav_li7-1 lBox-send-authentification" title="<?php echo $translatorMain->_("main_header_menu_user"); ?>" onclick="return false"><?php echo $translatorMain->_("main_header_menu_user"); ?></a>
<!-- <ul class="nav_ul"> -->
<!-- <li class="nav_li"><a href="" ><?php //echo $translatorMain->_("main_header_menu_user_create"); ?></a></li> -->
<!-- </ul> -->
<!-- HIDDEN MENU "My account" -->
<ul class="navUsers_ul">
<li class="navUsers_li_left"></li>
<!-- <li class="navUsers_li_vertical_empty"></li>-->
<li>
<a class="navUsers_li1" href="#"></a>
</li>
<li class="navUsers_li_vertical"></li>
<li>
<a class="navUsers_li2" href="#"></a>
</li>
<li class="navUsers_li_vertical"></li>
<li>
<a class="navUsers_li3" href="#"></a>
</li>
<li class="navUsers_li_vertical"></li>
<li>
<a class="navUsers_li4" href="#"></a>
</li>
<li class="navUsers_li_vertical"></li>
<li>
<a class="navUsers_li5" href="#"></a>
</li>
<li class="navUsers_li_vertical"></li>
<li>
<a class="navUsers_li6" href="#"></a>
</li>
<li class="navUsers_li_vertical_left"></li>
<li>
<a class="navUsers_li7" href="#"></a>
</li>
<li class="navUsers_li_right"></li>
</ul>
</li>
</ul>
</div>
</div>
-
// CSS
#content{
overflow: hidden;
height: 100%;
margin-left: auto;
margin-right: auto;
width: 980px;
}
#navigation .nav_ul .nav_li7{
margin-left: 16px; /* écart entre les boutons */
}
/* NAVIGATION USERS (My Account) ********************/
#navigation .nav_ul .nav_li7 .navUsers_ul {
width: 980px;
height: 45px;
margin: 0 0 0 -820px;
padding: 0;
list-style: none;
position: absolute;
z-index: auto;
margin-top: 33px;
display: none; /* par défaut */
}
/* All */
#navigation .nav_ul .nav_li7 .navUsers_ul .navUsers_li_left,
#navigation .nav_ul .nav_li7 .navUsers_ul .navUsers_li_right,
#navigation .nav_ul .nav_li7 .navUsers_ul .navUsers_li_vertical,
#navigation .nav_ul .nav_li7 .navUsers_ul .navUsers_li_vertical_left,
#navigation .nav_ul .nav_li7 .navUsers_ul .navUsers_li1,
#navigation .nav_ul .nav_li7 .navUsers_ul .navUsers_li2,
#navigation .nav_ul .nav_li7 .navUsers_ul .navUsers_li3,
#navigation .nav_ul .nav_li7 .navUsers_ul .navUsers_li4,
#navigation .nav_ul .nav_li7 .navUsers_ul .navUsers_li5,
#navigation .nav_ul .nav_li7 .navUsers_ul .navUsers_li6,
#navigation .nav_ul .nav_li7 .navUsers_ul .navUsers_li7,
#navigation .nav_ul .nav_li7 .navUsers_ul .navUsers_li_vertical_empty {
height: 45px;
background-repeat: no-repeat;
display: inline;
float: left;
margin-left: auto;
margin-right: auto;
margin-left: 0;
margin-right: 0;
overflow: hidden;
}
/* Borders & features */
#navigation .nav_ul .nav_li7 .navUsers_ul .navUsers_li_left {
width: 8px;
}
#navigation .nav_ul .nav_li7 .navUsers_ul .navUsers_li_right,
#navigation .nav_ul .nav_li7 .navUsers_ul .navUsers_li_vertical,
#navigation .nav_ul .nav_li7 .navUsers_ul .navUsers_li_vertical_left {
width: 8px;
}
/* Borders, empty & features */
#navigation .nav_ul .nav_li7 .navUsers_ul .navUsers_li_left {
background-image: url(/img/front/default/common/deco/roundSquareLeft_usersNav.gif);
}
#navigation .nav_ul .nav_li7 .navUsers_ul .navUsers_li_right {
background-image: url(/img/front/default/common/deco/roundSquareRight_usersNav.gif);
background-position: right top;
}
#navigation .nav_ul .nav_li7 .navUsers_ul .navUsers_li_vertical {
width: 3px;
background-image: url(/img/front/default/common/deco/verticalFeature_usersNav.gif);
}
#navigation .nav_ul .nav_li7 .navUsers_ul .navUsers_li_vertical_left {
width: 3px;
background-image: url(/img/front/default/common/deco/verticalRightFeature_usersNav.gif);
}
#navigation .nav_ul .nav_li7 .navUsers_ul .navUsers_li_vertical_empty {
width: 1px;
background-image: url(/img/front/default/common/deco/verticalEmptyGreen_usersNav.gif);
background-repeat: repeat-x;
}
/* Buttons */
#navigation .nav_ul .nav_li7 .navUsers_ul .navUsers_li1 {
width: 165px;
background-image: url(/img/front/default/common/btn/btn_dashboard_usersNav.gif);
}
#navigation .nav_ul .nav_li7 .navUsers_ul .navUsers_li2 {
width: 109px;
background-image: url(/img/front/default/common/btn/btn_messages_usersNav.gif);
}
#navigation .nav_ul .nav_li7 .navUsers_ul .navUsers_li3 {
width: 130px;
background-image: url(/img/front/default/common/btn/btn_lifeNewspaper_usersNav.gif);
}
#navigation .nav_ul .nav_li7 .navUsers_ul .navUsers_li4 {
width: 119px;
background-image: url(/img/front/default/common/btn/btn_planifications_usersNav.gif);
}
#navigation .nav_ul .nav_li7 .navUsers_ul .navUsers_li5 {
width: 90px;
background-image: url(/img/front/default/common/btn/btn_contacts_usersNav.gif);
}
#navigation .nav_ul .nav_li7 .navUsers_ul .navUsers_li6 {
width: 121px;
background-image: url(/img/front/default/common/btn/btn_medialibrary_usersNav.gif);
}
#navigation .nav_ul .nav_li7 .navUsers_ul .navUsers_li7 {
width: 108px;
background-image: url(/img/front/default/common/btn/btn_safe_usersNav.gif);
}