html - 以图像和 slider 为中心的跨浏览器

Question

既然我的轨道 slider 工作得近乎完美，我又发现了一个新问题。我正在使用 13 英寸的 macbook pro，以 chrome 作为主要浏览器。在 chrome 中一切看起来都很好。但是我做了一个浏览器测试(在众所周知的网站上)，它告诉我在几个浏览器上我的 slider 或页面没有像它应该的那样居中。

现在我的问题是，有人可以帮我解决这个问题吗？所以我的页面和 slider 都居中。我正在使用由单个图像组成的网页，因为它只是一个小测试。但为了完成测试，它应该居中。

link to the site

CSS 定位正文和内容(内容包含图像)

body
{
background-image: url("../afbeeldingen/bg.jpeg");
margin-left: auto;
margin-right: auto;
text-align:center; /*For IE6 Shenanigans*/
}

#content 
{
width: 100%;
}

对于 slider

#featured
{
position: absolute;
top: 152px;
left: 218px;
}

提前致谢

Answer 1

您正在使用绝对定位来使 div 居中，这不是解决问题的方法。这仅针对您的屏幕分辨率居中!如果你想居中，使用 width: 850px;边距:0 自动；