Question

我的页面顶部和底部有一堆链接。我将对齐链接在Chrome中看起来是对齐的但是当我使用Firefox查看页面时，链接不在同一个位置，他们已经向下移动了几个位置。这让我疯了。

底部链接的CSS

#navbot {
        color:silver;
        white-space:nowrap;
        text-align:left;
        position:relative;
        top:50px;
        left:36px;
        }   

#navbotS {
        color:silver;
        white-space:nowrap;
        text-align:left;
        position:relative;
        top:48px;
        left:44px;
        }

#navbotimg {
       top:0px;
       clear:both;
       float:left;
       position:relative;
       left:168px;
       }

#navbot2 {
       position:relative;
       min-width:800px;
       white-space:nowrap;
       color:silver;
       top: 10px;
       left:190px;
       }

#navbot3 {
       position:relative;
       min-width:1380px;
       white-space:nowrap;
       color:silver;
       top: -8px;
       left:158px;
      }

#mails li {
       float:right;
       list-style:none;
       margin:0 205px 0px -999px;
       }

HTML

 <div id='navbot'> 
<a class="ex2"  href="#" >PERFORMANCE </a>
</div>
<div id='navbotS'> 
<a class="ex3"  href="#">SPORTSWEAR </a>         
</div>


  <div id ='navbotimg'>
  <img src="MAIN_IMAGES/red_line.png" width="8" height="60"> </div> 

  <div id ='navbot2'>
    <a class="ex1 various11" href="FOOTWEAR_SUB_PAGES/NIKE_SNOW.html">ZOOM FORCE ONE ///</a>            
    <a class="ex1 various1" href="FOOTWEAR_SUB_PAGES/MERCURIAL_SUPERFLY.html">MERCURIAL SUPERFLY ///</a> 
    <a class="ex1 various2" href="FOOTWEAR_SUB_PAGES/AIRMAX_MOTO.html">AIRMX MOTO BOOT ///</a> 
    <a class="ex1 various3" href="FOOTWEAR_SUB_PAGES/le-coq-joakim-noah.html">JOAKIM NOAH ///</a> 
    <a class="ex1 various" href="FOOTWEAR_SUB_PAGES/NIKE_BMX.html">DUNK GYRIZO</a>                
  </div>

 <div id ='navbot3'>
      <ul id="mails">  
    <a class="ex1 various5" href="FOOTWEAR_SUB_PAGES/NIKE_AIRMAX_90.html">AIRMAX 90 ///</a>        
    <a class="ex1 various7" href="FOOTWEAR_SUB_PAGES/SUB_PAGE_CORTEZ_FLYMOTION.html" >CORTEZ FLY MOTION ///</a> 
    <a class="ex1 various"  href="FOOTWEAR_SUB_PAGES/sub_page_org.html">ORIGINALS ///</a> 
    <a class="ex1 various8" href="FOOTWEAR_SUB_PAGES/SUB-PAGE-ARTHUR_ASH.html">ARTHUR ASHE ///</a> 
    <a class="ex1 various9" href="FOOTWEAR_SUB_PAGES/SUB_PAGE_STUSSY_DUNK_TRAINER.html">STUSSY DUNK TRAINER ///</a> 
    <a class="ex1 various10"href="FOOTWEAR_SUB_PAGES/SUB_PAGE_AIR_MAX_1.html">AIR MAX I MAXIM</a>            
       <li><a class="mails" href="mailto:info@ernsteverything.com">INFO@ERNSTEVERYTHING.COM&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</a></li>
       <li><a  href="mailto:info@ernsteverything.com"><img src="MAIN_IMAGES/mail_2.png" width="28" height="18" border="0"  ></a></li>              

       </ul>
    </div>

链接显示在不同浏览器的不同位置。

0 个答案: