2012-12-28 159 views
0

我試圖使用填充從div頂部推送圖像18px。無論是保證金或填充工作,並在比較兩個填充後,似乎是我想要的。CSS填充問題,填充不起作用

問題在於footer-middle-left-left-image div標記。儘管如此,文本上的邊距工作正常。


這裏的HTML:

<div id = "footer-middle-left-left"> 
    <div id = "footer-middle-left-left-picture"> 
      <img src = "" alt = "some_text"> 
    </div> 
    <div id = "footer-middle-left-left-text"> 
      If you would like to join our newsletter, please enter your </br> 
      email address below. 
    </div> 
    <div id = "footer-middle-left-left-email"> 
    </div> 
</div> 

的CSS我是:

#footer-middle-left-left { 
    float: left; 
    width: 483px; 
    height: 175px; 
} 

#footer-middle-left-left-image { 
    float: left; 
    width: 483px; 
    height: 59px; 
    padding-top: 18px; 
} 

#footer-middle-left-left-text { 
    width: 483px; 
    height: 58px; 
    float: left; 
    margin-left: 25px; 
    color: white; 
} 

#footer-middle-left-left-email { 
    height: 58px; 
    float: left; 
    width: 483px; 
} 

任何幫助,將不勝感激!此外,任何建議,任何事情都會很好。我很新,所以建議我的問題不相關也可以理解,像這是一個很好的ID命名約定等。

+1

後HTML也.. – Sowmya

回答

1

在HTML中你有footer-middle-left-left-picture但是在CSS #footer-middle-left-left-image 難道這個bug,或者你在粘貼代碼上犯錯誤?

http://jsfiddle.net/CmwHu/

+0

這是問題,我一直在尋找的代碼太久我想並沒有看到簡單的回答,非常感謝。 – samuraiseoul

+0

這是最糟糕的問題:) – WooCaSh

+0

填充頂部的另一個問題是,它似乎也在底部添加填充,即使我將填充底部設置爲0px,它仍然存在?這使得div 18px比它應該更大,從而將div壓低。 – samuraiseoul

1

#footer-middle-left-left-image這個ID犯規存在於您的HTML。

所以我已將footer-middle-left-left-picture更改爲#footer-middle-left-left-image。 現在正在

DEMO

+0

啊,這是問題,謝謝!我一直在看代碼太久了! – samuraiseoul