Bonjour a tous
mon problème ces qu'avec ie sa decale mon menu à droite de plus ou moin 15px comparer à Firefox, si je retir le float:left; du css ces ok dans ie mais plus du tout avec firefox pour info je mets mon code
div#nav{float:left;background-color:#8EF3C0;margin-left:15px;border:1px solid #AAA;margin-bottom:10px;/*sans le float ces ok pour ie*/ font:0.8em Verdana;width:80%}
div#nav ul {margin:0;padding:0;background:white;border:1px solid #CCC;border-width:01px; font-size:14px}
div#nav li{position:relative;float:left;width:12em;list-style:none;margin:0;line-height:1em}
div#nav li:hover{background-color:#EBB;}
div#nav li.submenu {background:url(dropmenu.gif)95% 50% no-repeat}
div#nav li.submenu:hover{background-color:#EDD}
div#nav li a{display:block;padding:0.25em 00.25em 0.5em;text-decoration:none;width:6.5em}
div#nav>ul a{width:auto}
div#nav ul ul {position:absolute;width:12em;display:none}
div#nav ul ul li{border-bottom:1px solid #CCC;}
div#nav li.submenu li.submenu:hover {background-color: #blue}
div#nav li.submenu li.submenu {background-image:url(submenu.gif)}
div#nav ul.level1 li.submenu:hover ul.level2,
div#nav ul.level2 li.submenu:hover ul.level3{display:block}
div#nav ul.level2{top:1.5em;left: -1px;}
div#nav ul.level3{top:-1px;left:12em;border-top:1px solid #CCC}
function parseStylesheets(){ if(!/MSIE (5|6)/.test(navigator.userAgent))return;
window.attachEvent('onunload', unhookHoverEvents); var sheets = doc.styleSheets, l = sheets.length; for(var i=0; i<l; i++)
parseStylesheet(sheets[i]); } function parseStylesheet(sheet){ if(sheet.imports){ try{ var imports = sheet.imports, l = imports.length; for(var i=0; i<l; i++) parseStylesheet(sheet.imports[i]); }catch(securityException){} }
try{ var rules = (currentSheet = sheet).rules, l = rules.length; for(var j=0; j<l; j++) parseCSSRule(rules[j]); }catch(securityException){} }
function parseCSSRule(rule){ var select = rule.selectorText, style = rule.style.cssText; if(!csshoverReg.test(select) || !style)return;
var pseudo = select.replace(/[^:]+:([a-z-]+).*/i, 'on$1'); var newSelect = select.replace(/(\.([a-z0-9_-]+):[a-z]+)|(:[a-z]+)/gi, '.$2' + pseudo); var className = (/\.([a-z0-9_-]*on(hover|active))/i).exec(newSelect)[1]; var affected = select.replace(/:(hover|active).*$/, ''); var elements = getElementsBySelect(affected); if(elements.length == 0)return;
Je ne critique pas, et je voudrais bien t'aider, mais franchement ton code CSS est vraiment illisible.
Autant le reste, ca peut encore aller , et encore. Clarifie le, re-post le, et tu auras plus de chances d'etre aidé.
blem css entre ie et firefox
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.