好的就在这里。
通常我在HTML中做得很好,但对于这个具体问题,我无法帮助它寻求帮助..
我一直在四处寻找,但我找不到任何可以解决的问题(最糟糕的是,它就像1天前那样工作,而且我无法记住我做了哪些改变)
在Firefox中,它正确居中(我正在使用3.6)但是当我尝试使用chrome,safari和某些版本的IE时,它会向左对齐。
所以,如果你能看一下我的来源,也许让我知道是什么原因造成的,那我真的很棒!
http://beta.deaglegame.net/css/style.css
这是我的html和容器元素样式。
html, body {
background-image: url(../images/background.png);
background-repeat: repeat-x;
background-attachment: fixed;
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
margin: 0;
color: #282949;}
#all {
width: 920px;
margin:auto;
position:relative;
height:auto;
overflow:hidden;}
感谢任何人!这可能看起来很简单,但是,我无法解决它。
答案 0 :(得分:1)
多个问题。
您的HTML中没有#all设置。将您拥有的#mainContent更改为#all并将其设置为中心(只是尝试过并且有效)。但是,我建议将其更改为一个类,因为您只能使用一次ID,并且您需要将多个元素集中在该表中(我建议删除并替换语义代码)您需要将头表中心与#all和#mainContent。
希望这有帮助!
答案 1 :(得分:0)
看起来浮动或宽度可能有问题。 你有没有尝试删除一些花车,你可以通过在浮动元素周围放置一个容器并使其溢出来隐藏你的css中的浮动。
格尔茨。