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

标签 html css center centering orbit

既然我的轨道 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;
}

提前致谢

最佳答案

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

关于html - 以图像和 slider 为中心的跨浏览器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12931988/

相关文章:

jquery - 设置文本可点击的问题

javascript - HTML <select> on select 事件的名称是什么?

html - 什么定义了网络字体中的字符宽度?

android - 是否可以避免移动设备上的原生视频播放器?

css - 允许文本在 css 菜单中换行

html - img 和文本(带省略号)在同一行 - 居中

html - 如何将一个 div 居中放置在底部并在中心制作另一个可实现的 div?

css - 如何移动 Canvas 以及居中的 Canvas

html - bool 玛问题 : overflow when using navbar in columns

html - 如何显示内容