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

Popular posts from this blog

javascript - Google App Script ContentService downloadAsFile not working -

javascript - Function overwritting -

php - Find a regex to take part of Email -