我的菜单在不同的浏览器上变得如此受欢迎 [英] my menu become so weired on diffrent browsers

问题描述

我的菜单在各种浏览器上变得无法管理，看起来正确我必须调整页面缩放。请看看我的css我找不到确切的问题。

  div 。 xxnav  {
  background-image  ：  url（../ assets / nav.png）;  
  background-repeat  ：  repeat-y;  
  background-position  < span class =code-keyword>： 左上角;  
  / *   width：1200px; * /  
  height   ：  30px;  
  margin   ：  5px auto 0 27px;  
  padding-right  ：  714px;  
  text-transform  ： 大写;  
 < span class =code-attribute> font-weight  ：  bold;  
  padding-top  ：  12px;  
} 

 <   div     class   =  xxnav >  
 <   ul     ID   =  MenuBar1    class   =  MenuBarHorizo​​ntal >  
 <   li  >  <   a     href   =  ../ UserPanel / Default.aspx > 主页<   / a  >  <   / li  >  
 <  < span class =code-leadattribute> li  >  <   a       href   =  ../ UserPanel / AboutUs.aspx > 关于<   / a  >  <   / li   >  
 <   li  >  <   a       href   =  ../ UserPanel / frmGallery.aspx > 图库<   / a  >  <   / li  >  
 <   li  >  <   a       href   =  ../ UserPanel / Services。 aspx > 服务& nbsp; <   / a  >  <   / li  >  
 
 <   li  >  <  < span class =code-leadattribute> a       href   =  ../ UserPanel / Contact.aspx > 联系<   / a  >  <   / li  >  
 <   / ul  >  
 <   / div  >  

解决方案

IE是BOSS。从一开始浏览器时代开始，w3c已经提供了许多标准，几乎所有浏览器都按照标准跟踪和更新。 IE正在按自己的方式进行。

要解决此问题，要么使用jquery应用css，要么使用两个样式表1用于IE，另一个用于其他

通过检查appname （navigator.AppName）



希望这有帮助



使用如下所示

 <   script     type   =  text / javascript >  
 var browser = navigator.appName; 
如果浏览器==Microsoft Internet Explorer{
 document.write（<   link     type   =   \  text / css \   < span class =code-attribute> rel   =   \  stylesheet \    href   =   \  IE.css \ > ）; 
} 
 else {
 document.write（<   link     type   =   \  text / css \    rel   =   \  stylesheet \    href   =   \  generic.css \ > ）; 
} 
 <   / script  >  

可能是因为浏览器版本较旧和较新!!!



你可以使用以下脚本

 <   script     type   =  text / javascript >  
 var browser = navigator.appName; 
如果浏览器==Microsoft Internet Explorer{
 document.write（<   link     type   =   \  text / css \   < span class =code-attribute> rel   =   \  stylesheet \    href   =   \  IE.css \ > ）; 
} 
否则如果浏览器==Firefox{
 document.write（<   link     type   =   \  text / css \    rel   =   \  stylesheet \    href   =   \  FF.css \ < span class =code-keyword>> ）; 
} 
 else {
 document.write（<   link     type   =   \  text / css \    rel   =   \  stylesheet \    href   =   \  generic.css \ > ）; 
} 
 <   / script  >  

my menu is become unmanageable on various browsers and look proper i have to adjust page zoom. please have a look my css i can not find the exact problem.

div.xxnav {
    background-image:url(../assets/nav.png);
    background-repeat:repeat-y;
    background-position:top left;
    /*width:1200px;*/
    height:30px;
    margin: 5px auto  0 27px;
    padding-right:714px;
    text-transform:uppercase;
    font-weight:bold;
    padding-top:12px;
}

<div class="xxnav">
<ul id="MenuBar1" class="MenuBarHorizontal">
        <li><a href="../UserPanel/Default.aspx">Home</a></li>
        <li><a  href="../UserPanel/AboutUs.aspx">About</a></li>
        <li><a  href="../UserPanel/frmGallery.aspx">Gallery</a></li>
        <li><a  href="../UserPanel/Services.aspx">Services&nbsp;</a></li>

        <li><a  href="../UserPanel/Contact.aspx">Contact</a></li>
      </ul>
    </div>

解决方案

IE is BOSS. From the start browsers era w3c has given many standards almost all browsers following and updating as per standard. IE is going on his own way.
To solve this either apply css using jquery or use two style sheet one for IE and one for other
by checking appname (navigator.AppName)

Hope this helps

use like below

<script type="text/javascript">
var browser=navigator.appName;
if browser == "Microsoft Internet Explorer" {
document.write("<link type=\"text/css\" rel=\"stylesheet\" href=\"IE.css\">");
}
else {
document.write("<link type=\"text/css\" rel=\"stylesheet\" href=\"generic.css\">");
}
</script>

It may be because of having older and newer version of browser!!!

you can go with the following script

<script type="text/javascript">
var browser=navigator.appName;
if browser == "Microsoft Internet Explorer" {
document.write("<link type=\"text/css\" rel=\"stylesheet\" href=\"IE.css\">");
}
else if browser == "Firefox" {
document.write("<link type=\"text/css\" rel=\"stylesheet\" href=\"FF.css\">");
}
else {
document.write("<link type=\"text/css\" rel=\"stylesheet\" href=\"generic.css\">");
}
</script>

这篇关于我的菜单在不同的浏览器上变得如此受欢迎的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！