2011-09-26 66 views
0

我怎麼佈局如下:我怎麼做這個佈局在HTML和CSS?

/ header width:100%, height: 100px (this is overlayed)     /
///////////////////////////////////////////////////////////////////////////// 
/          /        /
/div width: all available, height: 100%/div width: 200px; height: 100%/

基本上,iFrame的寬度應覆蓋藍色背景這裏:http://jsfiddle.net/VaDTZ/3/

+0

http://www.utoronto.ca/webdocs/HTMLdocs/NewHTML/ –

+1

任何理由的鏈接...不能看出它的相關性如何? – Cheetah

+0

圖片?頁面?至少說明一下。您給我們的代碼和你所要求的代碼... –

回答

0

您可以使用jQuery來輕鬆實現這一點,

這將確保您的主要div和您的sidebar div都是相同的高度。

$(document).ready(function({ 
    var x = $('#primary').height(); 
    $('#sidebar').css('height', x); 
}); 

希望這有助於

+3

你應該用CSS設計,而不是JavaScript。本來是低調的,但這些年來,高度相等的專欄仍然很痛苦。儘管如此,jQuery並不是* everything *的答案。 –

+0

高度不是問題......有效。它的寬度就是問題所在。寧願不要使用JavaScript也。 – Cheetah

+0

@Ben:你爲什麼不取2分,並說明你的問題,在您的文章,甚至做出的jsfiddle演示。 –