瀏覽器減小尺寸時

Question

http://rusticblonde.hostizzo.com/

有嗨搞亂了側邊欄，

請可以有人幫忙。香港專業教育學院做到了這一點與利潤率％等一個「浮動」的風格....但在例如我調整瀏覽器側邊欄全力以赴凌亂...

這是我的CSS標記

#MainContent { 
width: 53%; 
float: left; 
margin-left: 110px; 
margin-top: -247px; 
padding-top: 0px; 
background-color: #ffffff; 
font-family: verdana; 
padding-left: 10px; 
padding-right: 10px; 
font-weight: 100; 
font-size: 8pt; 
color: #000000; 
} 
#rightsidebar { 
background-color: #ffffff; 
width: 26%; 
float: left; 
margin-left: 15px; 
margin-top: -247px; 
} 
#FooterWrapper { 
width: 81.2%; 
clear:both; 
height: 20px; 
background-color: #145618; 
color: #ffffff; 
margin-top: 0px; 
margin-left: 110px; 
padding-bottom: 10px; 
} 
#chunkyfooter { 
clear: both; 
overflow: hidden; 
width: 81.2%; 
padding-top: 8px; 
margin-left: 110px; 
text-align: center; 
font-family: verdana; 
font-size: 10px; 
} 

任何想法如何解決這個問題？

謝謝:)

科斯蒂

Answer 1

儘量不要在同一個元素混合兩種單位，也許這是你的問題的原因。有些人喜歡混合兩種單位，像素和百分比，但我總是嘗試總是使用像素。

我的建議，選擇一個你最喜歡的，並堅持下去，只要你不混合不同的單位在同一個元素，你應該罰款。