Wordpress site with footer that is covering content on one page. - php

Question

I really don't know much about coding and my developer has gone dark so I really need some advice on how to fix this problem. The footer on one of my pages won't stay at the bottom and is covering up some of the content. Below is the code. How can I make the footer stay at the bottom of the page? Here is the page: http://www.halfmoonbaymeetings.com/hot-dates-hot-rates/
<?php
/*
Template Name: Hot Dates Hot Rates
*/
?>
<?php get_header(); ?>
<div class="col7 equalheight" id="content">
<?php $my_query = new WP_Query('page_id=76'); while ($my_query->have_posts()) : $my_query->the_post(); $do_not_duplicate = $post->ID; ?>
<h1 class="title"><?php the_title(); ?></h1>
<?php $subtitle = get_post_meta($post->ID, 'subtitle', TRUE); if($subtitle != '') { ?>
<p class="subtitle"><?php echo $subtitle; ?></p>
<?php } ?>
<?php the_content(); ?>
<?php endwhile; ?>
<?php $my_query = new WP_Query('showposts=1000&post_type=featured-hotels'); while ($my_query->have_posts()) : $my_query->the_post(); $do_not_duplicate = $post->ID; ?>
<?php if ( get_post_meta( get_the_ID(), '_hotdates', true ) ) { ?>
<div class="col6 featuredhotel steals hotelheight">
<?php echo get_post_meta($post->ID, "_hotdates", true); ?>
</div><!-- END .col6.featuredhotel.steals -->
<?php } ?>
<?php endwhile; ?>
</div><!-- END .col8 #content -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>
And here is the footer code from the Stylesheet:
.footerwrap {
background: #F9F9F9;
float: left;
margin: 0;
padding: 0;
position: relative;
width: 100%;
}
.footerwrap .col12 { text-align: center; }
.footerwidgets {
background: #eee;
border-top: 5px solid #e0e0e0;
float: left;
margin: 0;
padding: 20px 0 0 0;
position: relative;
width: 100%;

Answer 1

You need to add margin-bottom: 289px; to the .contentwrap div because the footer is 289px high so you need to add 289px bottom of the .contentwrap div to offset that.
.contentwrap
{
float: left;
margin: 0;
padding: 0;
position: relative;
width: 100%;
margin-bottom: 289px;
}