position - CSS: Footer crashing into content area -


i've been trying solve using sorts of methods, including display, clear, float , position , nothing seems change this.

basically happening footer on homepage (http://writtenpalette.com/) crashing #content div. seems respecting #sidebar height instead of entire content height.

like said i've tried sorts of methods....none of seemed have worked. here's css main sections see might issue:

body.home #content {     visibility: hidden;     float: left;     width: 70%;     margin-left: -3%; } .sidebar {     float: right;     width: 300px; } #footer {     position: relative;     clear: both;     width: 100%;     background: #65254a;     color: #fff;     padding: 10px 16px; } 

replace

<div id="content" class="hfeed masonry" style="position: relative; height: 0px;"> 

to

<div id="content" class="hfeed masonry" style="position: relative; height: auto;"> 

Comments

Popular posts from this blog

php - How to display all orders for a single product showing the most recent first? Woocommerce -

asp.net - How to correctly use QUERY_STRING in ISAPI rewrite? -

angularjs - How restrict admin panel using in backend laravel and admin panel on angular? -