2列CSS佈局728px和300px廣告顯示

Question

我一直在尋找一個2列CSS的佈局，有一個頁眉，頁腳和主區域包含2列的高和低。理想情況下，左欄將顯示728px的廣告，不會被截斷，右欄將會是300px（對於300x300的廣告），應保持固定，右欄的最右側可根據需要以低分辨率截取。

有沒有人處理過類似的問題？顯然這個問題出現在1024x728的分辨率下，但是我一直沒有找到處理這種情況的好方法。我注意到，digg有時會在其右欄中投放300x300廣告，並且他們只是讓頁面水平滾動，但我無法找到/設計可比的佈局。

顯然，728 + 300 = 1028所以我很好奇其他人如何解決這個問題。 乾杯！

Answer 1

看來你需要一個非傳統大小的基本2列布局。

您從零開始創建基於CSS的佈局有多少經驗？

首先創建一個寬度爲1028px的容器。如果你創建了2個浮動div，一個在728px寬（向左浮動），另一個在300px寬（向右浮動），你應該沒問題。

Answer 2

下面是一個你可以適應你的寬度。

http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/