2013-04-29 48 views
0

我已經嘗試過並嘗試過,但無法獲得與內容的div推其他divs,以便沒有重疊。很明顯,新的CSS,可以真正使用某人幫助。相關頁面位於http://internet-icg.com/franco/news_mike.html。你會明白我的意思。部門不伸縮 - 重疊的內容低於

根據上面div的高度,我只需要div下面的內容被按下。

謝謝。

+0

只是看看你的代碼我不完全確定預期的效果是什麼。您是否希望有一個靜態頁眉和頁腳,以便在頁眉或頁腳上不重疊的可移動主體? – Nomad101 2013-04-29 21:18:31

+0

您的內容div位於絕對位置,不會佔用任何空間,也不會壓低內容。您可以在父div上使用背景圖像,並將內容和側邊欄彼此相鄰,而不是絕對地定位它們。 – ferne97 2013-04-29 21:19:05

回答

1

好的。 在這裏

image .text { 
    color: #CAC6B9; 
    font-family: "Times New Roman",Times,serif; 
    font-size: 18px; 
    font-weight: normal; 
    left: 65px; 
    top: 0; 
    position: relative 
    width: 765px; 
} 

刪除此行

<img width="1100" height="864" align="left" alt="immaculate reception" src="images/franco_03.png"> 

在CSS改變位置相對(而不是絕對),改變絕對位置相對的,再加上加浮動離開這裏:

.image .text_social { 
    color: #CAC6B9; 
    float: left; 
    font-family: "Times New Roman",Times,serif; 
    font-size: 18px; 
    font-weight: normal; 
    left: 85px; 
    position: relative; 
    top: 16px; 
    width: 220px; 
} 

這看起來更像你想要的嗎?