對齊問題與IE11

我有點新手，但我正在建設一個網站，我有一個div不在IE11中心，但與Firefox的罰款。任何幫助將不勝感激。我試着放入我的代碼，但它不會讓我發佈代碼，因爲格式錯誤。我所擁有的是一張帶有鏈接圖片的表格，當鼠標懸停在它們上面時會變得更大，而當鼠標關閉時會縮小圖片的大小。當它們改變尺寸時，這使得它下面的div移動。我把表設置爲絕對的，在Firefox上工作，但在IE瀏覽器被移到左側。我嘗試了兩邊的自動邊距，將其左邊填充，文本對齊到中心，位置0自動等。我不知道還有什麼要做。這是一個已知的問題還是隻是我？這裏是我的CSS對齊問題與IE11

我的CSS

 table{ 

    display:inline; 
    position:absolute; 
    text-align:center; 
    padding-left:235px; 

} 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 

<head> 
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"/> 
<meta name="viewport" content="width=device-width, initial-scale=1"/> 
<title>Home | Babylon</title> 
<link href="bootstrap-3.2.0-dist/css/bootstrap.min.css" rel="stylesheet"/> 
<link href="main.css" rel="stylesheet"/> 
<link rel="shortcut icon" href="tabLogo.ico.ico"/> 

</head> 

<body> 

<h1>Babylon</h1> 

<div class="slider">

<div class="table"> 
<table> 
<tbody> 
<tr> 
    <td><a href="living_rooms.html"><img src="images/home page photos/f3497310.jpg" alt="Living Rooms"/><br/><br/>Living Rooms</a></td> 
    <td><a href="bedrooms.html"><img src="images/home page photos/f2172167.jpg" alt="Dining Rooms"/><br/><br/>Dining Rooms</a></td> 
    <td><a href="bedrooms.html"><img src="images/home page photos/f9157.jpg" alt="Bedrooms"/><br/><br/>Bedrooms</a></td> 
</tr> 

<tr> 
    <td><a href="futons.html"><img src="images/home page photos/f7011130.jpg" alt="Futons"/><br/><br/>Futons</a></td> 
    <td><a href="desk_shelves_and_more.html"><img src="images/home page photos/f4494.jpg" alt="Desks, Shelves and more"/><br/><br/>Desks, Shelves and more</a></td> 
    <td><a href="rugs.html"><img src="images/home page photos/714-BLACKa.jpg" alt="Rugs"/><br/><br/>Rugs</a></td> 
</tr> 

    </tbody> 
</table> 
</div> 


<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/script.js"></script> 
<script type="text/javascript" src="js/bootstrap.min.js"></script> 

</body> 
</html>

來源

2014-11-02 sammyb123

選擇您的代碼並按下Ctrl + K進行格式化。代碼將幫助我們更好地理解您的問題 – RahulB 2014-11-02 06:47:02

對不起我在這裏是新的，但我知道了它併發布了代碼 – sammyb123 2014-11-02 07:20:13

你的div是未封閉的。

然後對父元素執行text-align: center，並查看它是否在沒有表類的情況下工作。

來源

2014-11-02 09:28:51 poashoas

對齊問題與IE11

回答

相關問題