IE11的对齐问题
IE11的对齐问题
提问于 2014-11-02 14:37:48
我是一个新手，但我正在构建一个网站，我有一个不是以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>回答 1
Stack Overflow用户
发布于 2014-11-02 17:28:52
您的div未关闭。
并在父元素上执行text-align: center，看看它在没有table类的情况下是否工作。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26696714
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号