html - Why is there a huge gap between my content and my footer? -
i have 2 columns on page floated left, , contained in wrapper div called 'content'.
i have footer contained in #footer. there huge gap between content , footer, , cannot figure out why! here's link codepen , relevant code:
http://codepen.io/pea92/pen/wvrxry
html:
<div id="content"> <div class="sidebar">information etc</div> <div class="column2"></div> </div> <div id="footer"></div> css:
.sidebar { float:left: width:20%; } .column2 { float:left; width:60%; }
you have syntax error:
<div class="clear" <div="" id="footer"> <p>© copyright 2015</p> </div> you did not close <div tags... please validate code. http://validator.w3.org/
Comments
Post a Comment