2012-11-16 69 views
0

我真的有问题在IE6中调整顶部和左侧,在所有其余的浏览器中工作正常。顶部和左边在IE6

我有这样的CSS:

font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif; 
font-size: 12px; 
height: 590px; 
left: 50px; 
line-height: normal; 
overflow: hidden; 
position: relative; 
text-align: left; 
top: -42px; 
width: 760px; 
z-index: 0; 

编辑

这上边和左边我把它从JavaScript这样的:

 function() 
     {H(a,{left:0,top:0});g=a.getBoundingClientRect();H(a,{left:"50px",top:"-42px"})} 

我没有CSS文件把代码,所以如果我改变顶部和高它的IE6没有触发。它就像我不是什么都不做。

我不知道IE6不处理顶部和左侧?我怎样才能解决这个问题 ?

回答

0

通常情况下,对于IE6到相当正确渲染,页面上的所有块应启用hasLayout。我通常(somewhen约达2年前)实现了通过使用height: 1px无论是在个人IE6的样式表或“明星”黑客:

/* hasLayout is now on in IE6 for elements having `example` class. */ 
* HTML .example {height: 1px; } 

但IE6不值得任何目前的努力(我不知道完全支持它,并建议大家也这样做)。

+0

我也我所有的IE,但我能做什么。我的代码是从JavaScript,我没有CSS文件来放这个代码。 –

+0

我编辑我的帖子 –

+0

我会虚心推荐放弃对IE6的支持。这可以通过使用[技巧](http://stuffandnonsense.co.uk/blog/about/universal_internet_explorer_6_css/)以及基于HTML语义的独立简化样式表来优雅地实现。 –

0

尝试添加position:absolute而不是relative。 IE6通常很好地处理定位。不知道你是否使用这个div内的绝对定位的孩子。

编辑。

如果您使用条件。例如

<!--[if IE 6]>  <html class="ie6"> <![endif]--> 

您只能在ie6中定位绝对定位。

.ie6 .your-selector { 
    position:absolute; 
} 
+0

已经尝试过这个绝对,但它会在FF中打破。 –

+0

您是否在浏览器供应商的基础上使用了html类?只有以ie6为目标非常简单。 –

+0

@peter使用[条件注释](http://www.quirksmode.org/css/condcom.html)为IE 6添加CSS。 – jmbertucci

相关问题