2012-11-16 96 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

相關問題