2012-12-10 60 views
0

我嘗試佈局一個網站,並得到一個奇怪的錯誤與Firefox 10.0.9。在IE8中一切正常。佈局問題與CSS和jQuery

我想要2側佈局: 用100%的高度和200像素widght左元素。 (framecontentLeft) 100%高度和最大寬度的右元素。 (framemaincontent)

問題是,jQuery Tab頂部欄將與完整的framecontentLeft高度相同。

修訂小提琴:http://jsfiddle.net/k2Crf/20/

修訂版CSS:

body, html{ 
height: 100%; 
} 
#framecontentLeft {   
float: left; 
min-height: 100%; 
height: auto !important; 
height: 100%;   
width: 200px; 
} 
#framemaincontent { 
height: auto !important; 
min-height: 100%; 
width: auto;   
} 

它必須是一個非常黎民錯誤,但我不明白這一點。

感謝您的幫助。 HUGI

+1

這是一個CSS問題......你設定的* *什麼高度爲百分比,但百分比?需要記住的重要事情是CSS級聯,因此每個元素都從父級繼承。要設置基於百分比的高度,父元素必須設置高度。在這種情況下,記住在'body'和'html'上聲明一個高度很重要。我更新了你的代碼:http://jsfiddle.net/k2Crf/16/ – ahren

+0

謝謝,你是對的。我在原始代碼中有這個。大大減少。但與jQuery的問題是一樣的。我不知道如何在Fiddle中啓用jQuery。 jQuery Tab的頂部欄與左側div(100%)的高度相同。 – user1482309

+0

你也可以使用這個jquery插件。 http://welcome.totheinter.net/columnizer-jquery-plugin/ –

回答