2012-11-13 86 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感谢你的好建议:) –