布局不对齐

Question

我有两个容器，一个在另一个之上。最下面的一个比顶部宽，并且都有左右边的自动边距。我认为最重要的一个应该坐在另一个之上。

我不知道是什么导致了这种不平衡。远程工作的唯一解决方案是手动设置左边界，但在调整屏幕大小时不能正确缩放。

它设计用于现代浏览器。 IE9，Chrome，FF。 IE8支持尚未完成，但它最终需要在IE8中工作。

现场演示：

http://julianjosephs.com/seniorloans/

截图

Answer 1

对于我所看到的，你已经设置，在container.columns风格，物业margin-left: 10px。 此属性未设置为较低的蓝色部分。您可以尝试将一个aditional的左侧， 页脚，即：

.container.footer.column.extend-width { left: 10px; }

希望它能帮助。

Answer 2

的divs带班.body-boder-right和.body-boder-right有不同的宽度。

.body-boder-left { 
    ... 
    width: 90px; 
} 

.body-boder-right { 
    ... 
    width: 70px; 
} 

尝试设置它们是相同的：

.body-boder-left { 
    ... 
    width: 70px; 
} 

.body-boder-right { 
    ... 
    width: 70px; 
}