Html 以图像和滑块为中心的跨浏览器

现在，我的轨道滑块工作几乎完美，我发现了一个新问题。 我使用的是一款13英寸的MacBookPro，主浏览器是chrome。镀铬的一切看起来都很好。 然而，我做了一个浏览器测试（在著名的网站上），结果显示，在一些浏览器上，我的滑块或页面没有像它应该做的那样居中

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

CSS定位正文和内容（内容包含图像）

对于滑块

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

---

提前感谢

您正在使用绝对定位将div居中，而这不是解决问题的方法。这仅用于屏幕分辨率！如果要使其居中，请使用宽度：850px；保证金：0自动

您正在使用绝对定位将div居中，而这不是解决此问题的方法。这仅用于屏幕分辨率！如果要使其居中，请使用宽度：850px；保证金：0自动

首先，从车身上移除宽度和高度。
“动态观察”滑块使用绝对位置，这意味着它将找到父相对位置，即您的身体。因此，让我们将您的内容div更改为：

#content { 
position: relative;
margin: 0 auto;
width: 1030px;
}

您还可以删除整行：

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

---

现在看看情况如何。

首先，去掉车身的宽度和高度。
“动态观察”滑块使用绝对位置，这意味着它将找到父相对位置，即您的身体。因此，让我们将您的内容div更改为：

#content { 
position: relative;
margin: 0 auto;
width: 1030px;
}

您还可以删除整行：

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

---

现在看看情况如何。

请提供一些或最小数量的标记和CSS来显示问题，这样我们可能会更容易帮助您。@amn编辑并插入CSS以定位元素。请不要为

主体
元素设置固定的宽度或高度，这将导致某些客户端出现难看的白色边框…请提供一些或最小数量的标记和CSS来显示问题，这样我们可能会更容易帮助您。@amn编辑并插入CSS以定位元素。请不要为
主体
元素设置固定的宽度或高度，这将导致一些客户端出现难看的白色边框…因此，基本上我对图像也会这样做，无论大小，它们都将位于相同的位置？您可以指定一个宽度，然后
margin:auto，它将位于其父元素的中心。这意味着要在屏幕中居中，父对象必须与屏幕一样宽，因此基本上我对图像的处理与图像的处理相同，并且无论大小，它们都将位于同一位置？您可以指定一个宽度，然后
margin:auto，它将位于其父元素的中心。这意味着要使其在屏幕上居中，父对象必须与屏幕一样宽