2011-04-22 98 views
-2

我已經從數據庫中檢索某些HTML,所以我無法控制它,它看起來不同比,如果我只是把它放在DIV中:爲什麼CSS看起來不同

here is the html retrieved from database

and here is the one fron inside the div

這裏是我的CSS:

#cvDiv { 
    position:absolute; 
    top:40px; 
    left: 300px; 
    border: none; 
    width: 720px; 
    display:inline; 
    background-color:White; 
    text-align:justify; 
    padding:15px; 
    box-shadow: 10px 10px 5px #888; 
    -moz-box-shadow: 0px 0px 5px 5px #888; 
    -webkit-box-shadow: 0px 0px 5px 5px #888; 
    z-index:auto;  
} 

這裏是HTML: http://jsfiddle.net/ug96v/

我在做什麼錯?

而我想要做的是讓頂部圖片看起來像最底層的圖片。

編輯

這最終是一個DOCTYPE問題。

+0

很難說如果你沒有寫你想要的東西。 – 2011-04-22 10:34:16

+0

抱歉。添加到主帖 – Wahtever 2011-04-22 10:35:45

+0

另外,發佈'從數據庫檢索'的代碼會有所幫助,因爲我們不知道你的數據庫(或網絡服務器)用它做了什麼。 – 2011-04-22 10:35:45

回答

1

請勿使用position:absolute;,它會強制div相對於具有position:relative;的第一個父容器定位。這可能是造成部分問題的原因。

+0

更改位置後它仍然相同 – Wahtever 2011-04-22 10:48:40

+0

我們需要訪問這兩個頁面,以便我們可以看到完整的圖片。或者,在Firefox中打開頁面並使用Firebug插件 - 它允許您在頁面上調整CSS。 – 2011-04-22 11:01:07

+0

我已經嘗試過firbug,但有兩個很多元素需要手動更改,這只是衆多頁面中的一個 – Wahtever 2011-04-22 11:25:58

相關問題