[英]Alignment Issue with IE11
我有點新手,但我正在構建網站,但我的div不在IE11中居中,但可以使用Firefox很好。 任何幫助將不勝感激。 我嘗試放入代碼,但是由於格式錯誤,它不允許我發布代碼。 我所擁有的是一張帶有鏈接圖片的表,當鼠標懸停在它們上面時,它們會變大,而當鼠標關閉時,它們的大小會減小。 當它們更改大小時,這會使它下面的div移動。 我將表設置為在firefox上可以使用的絕對表,但在IE中向左移動。 我嘗試了兩側的自動邊距,將其向左推,並帶有填充,文本居中對齊,位置0自動等。我不確定還有什么辦法。 這是一個已知的問題還是僅我一個? 這是我的CSS
我的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>
您的div未關閉。
然后執行text-align: center
以父元素為text-align: center
,並查看它是否在沒有表類的情況下也可以工作。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.