2011-09-21 17 views
2

我有Internet Explorer和定心麻烦,我的问题是如何围绕一个div没有CENTER标签 ,并得到了在所有的浏览器兼容, 因为我用你如何使用Internet Explorer将div分为中心?我

margin:auto; 

它在所有borwsers 但它不会在Internet Explorer工作 我要找的东西,将在所有的浏览器工作 有人告诉我,把

text-align: center; 

的身体,但不是所有的t他的文字已经到了中间

那么我该怎么做呢?

+0

html标记请 – Samich

+0

宽度是否固定? – 2011-09-21 19:30:24

+0

保证金:汽车应该工作,如果宽度指定 – user813720

回答

6

你很近。使用下面的CSS:

margin:0 auto; 

这里的a working jsFiddle。请注意,我给了div一个固定的宽度。

+0

很好,谢谢。 –

+0

@MorSela,不客气:) –

1

IE对自动页边空白有特别的支持(即在怪癖模式下有不同的行为)。这应该工作,虽然在几乎所有情况:

CSS:

.container { 
    /* for IE */ 
    text-align: center; 
} 
#the-div { 
    /* reset text-align */ 
    text-align: left; 
    /* for "good" browsers */ 
    margin: 0 auto; 
} 

HTML:

<div class="container"> 
    <div id="the-div">centered content</div> 
</div> 
+0

谢谢,效果很棒! –

+0

真棒:)猜你知道我的'/ /'评论被破坏之前我虽然通过哈哈。正在修复... – jmar777

+0

如果您使用身体作为容器,则可以摆脱容器格。 –

2

你需要指定的宽度以及保证金:

div.center { width:980px; margin:0px auto; } 

HTML示例:

<html> 
<head></head> 
<body> 
<div class="center">CONTENT</div> 
</body> 
</html> 
+0

谢谢,效果很棒! –

0

是的,这在IE中完美运行。

.container { 
    /* for IE */ 
    text-align: center; 
} 
#the-div { 
    /* reset text-align */ 
    text-align: left; 
    /* for "good" browsers */ 
    margin: 0 auto; 
} 
0

您的CSS已关闭,您的问题不在浏览器中。简单的解决方法是更改​​内部div类。

你有你的位置绝对左25%...使用左50%,它会自动更正。

删除左侧:完全添加50%并添加空白:0 auto;正如之前在另一个答案中指出的