2012-11-13 83 views
1

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; 
} 

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

謝謝:)

科斯蒂

+1

你有個例子嗎?無論是你的網站還是www.jsfiddle.net上的例子都會很棒。 – Kyle

+0

你在測試什麼瀏覽器? – Jean

+0

嘿傢伙,這是在Chrome上。以上地址是我的測試網站。 –

回答

0

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

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

+0

fab感謝你的好建議:) –