2012-09-27 53 views
0

在我公司的網站http://www.ensorbuilding.com上,中間內容總是與左側菜單重疊,有時右側菜單與其他兩個重疊。柱高問題

的代碼看起來像這樣

<aside id="left_menu"></aside> 
<section id="content"></section> 
<aside id="right_menu"></aside> 

我已經使用了很多的JavaScript自動高度修正,但沒有人似乎已經奏效?

任何人都可以對此有所瞭解嗎?

謝謝!

+0

我看不到任何問題。你能詳細說明嗎?這是發生在一個特定的瀏覽器? – SNAG

+0

什麼瀏覽器導致問題?你能發佈問題佈局的截圖嗎?我不清楚你爲什麼要首先爲列分配特定高度。 – Blazemonger

+0

這就是我在Chrome,Firefox和Internet Explorer 9中看到它的方式http://imageshack.us/a/img195/2685/problem2xf.jpg – Dan

回答

0

還沒有看到你的代碼,但如果我做了它,我會影響到三個部分(菜單和內容)固定的寬度。

例如,在CSS:

#left_menu{ 
float:left; 
width:200px 
} 


#right_menu{ 
float:left; 
width:200px 
} 


#content{ 
float:left; 
width:600px 
} 

元素height不要緊,您的問題。

+0

所有這三個元素都設置了寬度(百分比)。左邊的菜單有一個背景圖片,我想延伸到三個「最高」的元素 – Dan