2009-10-09 82 views
1

我有我的頁面CSS:未來股利作爲下一行

<div id='masterDIV'> 
    <div id='divItemNumber'>23</div> 
    <div id='divDesc'>This is my desc content</div> 
    </div> 

和我的風格

.divItemNumber 
{ 
width:25px; 
margin-left:0px; 
    margin-bottom:5px; 
} 
.divDesc 
{ 
width:255px; 
float:right; 
padding-left:1px; 
padding-right:1px; 
margin-left:0px; 
margin-bottom:5px; 
margin-top:0px; 
vertical-align:top; 
} 

這個HTML但是第二次DIV即將作爲下一行。我想這是第一個div(divITemNumber)

此問題出現在IE 6.0只。在火狐其正常顯示

任何一個可以幫助我之後立即顯示adjucent?

+2

我真的希望IE 6將 死。 – 2009-10-09 04:40:48

+0

我也希望所有的瀏覽器都可以合併 – Myra 2009-10-09 07:16:25

回答

1

添加到您的CSS DIV類:

display: inline; 
0

我建議你改變CSS,使第一個div爲float: left,第二個是正常的。

或者,改變從塊類型元件的第一個div爲嵌入型元件(display: inline)應該解決這個問題。

4

一個問題是您的CSS選擇器不正確。

你必須使用

#divDesc 

,而不是

.divDesc 

與ID divDesc以選擇div

ID selectors