align =「center」在Firefox和IE中不工作

我有以下的HTML頁面，其中我有一個頂部菜單是完全對齊的。接下來是一個iframe，它有一些HTML5動畫，並且它不與FF和IE中的中心對齊，儘管它在Chrome和Safari上運行得非常好。我在所有地方都使用了align =「center」屬性。我如何讓iframe在FF和IE中對齊到中心？任何幫助表示讚賞。align =「center」在Firefox和IE中不工作

HTML文件：

<!DOCTYE html> 
<html> 
<head> 
    <link rel="stylesheet" type="text/css" href="CSS/style_all.css" /> 
</head> 
<body align="center"> 

     <table align="center" id="menu"> 
     <tr> 
      <td><a href="index.html"> HOME </a> </td> 
      <td>&nbsp; | &nbsp;</td> 
      <td><a href="HTML/about.html"> ABOUT US </a></td> 
      <td>&nbsp; | &nbsp;</td> 
      <td><a href="HTML/service.html"> HR SERVICES </a></td> 
      <td>&nbsp; | &nbsp;</td> 
      <td><a href="HTML/sport.html"> SPORTS &amp; ENTERTAINMENT </a></td> 
      <td>&nbsp; | &nbsp;</td> 
      <td><a href="HTML/contact.html"> CONTACT US </a></td> 
     </tr> 
    </table> 
    <center> 

    <table width="100%" align="center" style="margin: 0 auto; text-align: -moz-center;" align="-moz-center"> 
     <tr> 
      <td height="100%"> 

       <iframe frameborder="0" scrolling="no" src="HTML/homepage.html" width="100%" height="600px"> </iframe> 

      </td> 
     </tr> 
    </table> 
    </center> 

    <table width="100%" align="center"> 
     <tr> 
      <td align="left"> 
      <p> Copyrights &copy; HUMAN CAPITAL RESOURCE </p> 
      </td> 
      <td align="right"> 
      <p>Created by <a href="http://www.pentafuse.com" target="_blank" id="penta"> PENTAFUSE INDIA PVT LTD </a> </p> 
      </td> 
     </tr> 
    </table> 

</body> 
</html>

CSS文件：

a 
{ 
    text-align:center; 
    font-size:16pt; 
    color:white; 
} 
body 
{ 
    background-image: url('../Media/bgimage.jpg') ; 
} 
a 
{ 
    text-decoration:none; 
} 
a:hover 
{ 
    color:#646464; 
} 
p 
{ 
    color: white; 
    font-size: 10pt; 
} 
html, body 
{ 
    margin: auto; 
    height: 100%; 
    width: 100%; 
    position: absolute; 
    top: 0; 
    left: 0; 
    bottom: 0; 
    right: 0; 
} 
table 
{ 
    vertical-align:center; 
    vertical-align:-moz-center; 
    margin: 0 auto; 
}

來源

2014-03-29 Prarthana Hegde

'ALIGN = 「中心」'已過時，用'的text-align：center'，而不是...只是說;） – webeno

屬性'align'不再使用，你應該使用這個'margin'，'float'和'text-align'。 html和body在絕對位置也是無稽之談，vertical-align：center不存在，這個問題是一個騙局嗎？ –

text-align並不是真的有意義，因爲它的iframe，是嗎？ –

您可以使用margin: 0 auto，但首先你必須使用iframe（iframe是默認行內元素）塊元素。

iframe 
{ 
    display: block; 
    width: yourWidth; // place your width here 
    height: yourHeight; // place your height here 
    margin: 0 auto; 
}

//感謝編輯建議去@webeno（在CSS評論）

來源

2014-03-29 10:29:37 FanaticD

我覺得有趣的是，你拒絕了我的編輯，或者你知道關於使用變量的CSS，就像你用'yourWidth' /'yourHeight'做的那樣？我認爲這可能會誤導一些人，所以應該至少可以在旁邊評論... – webeno

@webeno我非常抱歉，我是新來的，我不知道我拒絕它，所以...我該如何解決它？編輯它？我應該在我的文章中編輯它，還是有一個按鈕？ – FanaticD

認爲你只是做了它;） – webeno

align =「center」在Firefox和IE中不工作

回答

相關問題