IE11 对齐问题答案

【问题标题】：Alignment Issue with IE11IE11 对齐问题
【发布时间】：2014-11-02 17:28:51
【问题描述】：

我有点新手，但我正在建立一个网站，我有一个不在 IE11 中的 div，但可以使用 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>

【问题讨论】：

选择您的代码并按 Ctrl+K 对其进行格式化。代码将帮助我们更好地了解您的问题
对不起，我是新来的，但我弄清楚并发布了代码

标签： jquery html css

【解决方案1】：

您的 div 未关闭。

然后在父元素上做一个text-align: center，看看它是否在没有表格类的情况下工作。

【讨论】：