• The blog content on my page is appearing underneath my footer and I can’t figure out why, I have tried adding additional </div> ‘s but that isn’t helping…any ideas anyone thanks in advance heres my page http://tastebuds.netai.net/wordpress/

    Here’s the code:


    style.css

    /*
    Taste Buds Theme
    Description: A theme designed for Taste Buds Cafe
    Version: 1.0
    Author: Lucy Smith
    */
    
    <style type="text/css">
    td img {
        display: block;
    }
    body {
        background-image: url('http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/bg.jpg');
        margin: 0;
        padding: 0;
        min-width: 100vw;
    }
    #container {
        height: 40px;
        min-width: 100vw;
    }
    #header {
        background-image: url('http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/bgheader.jpg');
        position: fixed;
        top: 0px;
        margin-top: 0;
        background-repeat: repeat-x;
        height: 30px;
        min-width: 100vw;
    }
    #footer {
        position: absolute;
        bottom: 0;
        height: 60px;
        /* Height of the footer */
    
        background: #6cf;
        min-width: 100vw;
    }
    #footer-margin-top {
        background-image: url('http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/footerline.png');
        height: 14px;
        min-width: 100vw;
    }
    #footer-top {
        background-image: url('http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/bgfooter1.png');
        height: 300px;
        min-width: 100vw;
    }
    #footer-bottom {
        background-image: url('http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/bgheader.jpg');
        height: 30px;
        border-top: 1px solid #F5B3CE;
        min-width: 100vw;
    }
    </style>

    index.php

    <?php get_header(); ?>
    
    <body>
    
            <div id="header"></div>
            <div id="body" align="center">
    
                <table border="0" cellpadding="0" cellspacing="0" width="1300">
                    <!-- fwtable fwsrc="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/INDEX3.png" fwbase="INDEX.png" fwstyle="Dreamweaver" fwdocid = "1679965079" fwnested="0" -->
                    <tr>
                        <td><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="148" height="1" border="0" alt="" />
                        </td>
                        <td><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="17" height="1" border="0" alt="" />
                        </td>
                        <td><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="60" height="1" border="0" alt="" />
                        </td>
                        <td><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="91" height="1" border="0" alt="" />
                        </td>
                        <td><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="58" height="1" border="0" alt="" />
                        </td>
                        <td><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="86" height="1" border="0" alt="" />
                        </td>
                        <td><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="62" height="1" border="0" alt="" />
                        </td>
                        <td><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="13" height="1" border="0" alt="" />
                        </td>
                        <td><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="221" height="1" border="0" alt="" />
                        </td>
                        <td><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="21" height="1" border="0" alt="" />
                        </td>
                        <td><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="57" height="1" border="0" alt="" />
                        </td>
                        <td><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="78" height="1" border="0" alt="" />
                        </td>
                        <td><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="57" height="1" border="0" alt="" />
                        </td>
                        <td><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="102" height="1" border="0" alt="" />
                        </td>
                        <td><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="59" height="1" border="0" alt="" />
                        </td>
                        <td><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="19" height="1" border="0" alt="" />
                        </td>
                        <td><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="151" height="1" border="0" alt="" />
                        </td>
                        <td><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="1" height="1" border="0" alt="" />
                        </td>
                    </tr>
    
                    <tr>
                        <td colspan="17"><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="1300" height="9" border="0" alt="" />
                        </td>
                        <td><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="1" height="9" border="0" alt="" />
                        </td>
                    </tr>
                    <tr>
                        <td colspan="7"><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="522" height="53" border="0" alt="" />
                        </td>
                        <td rowspan="2" colspan="3"><img name="INDEX_r2_c8" src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/INDEX_r2_c8.png" width="255" height="60" border="0" id="INDEX_r2_c8" usemap="#m_INDEX_r2_c8" alt="" />
                        </td>
                        <td colspan="7"><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="523" height="53" border="0" alt="" />
                        </td>
                        <td><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="1" height="53" border="0" alt="" />
                        </td>
                    </tr>
                    <tr>
                        <td rowspan="6"><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="148" height="400" border="0" alt="" />
                        </td>
                        <td rowspan="2" colspan="2"><img name="INDEX_r3_c2" src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/INDEX_r3_c2.png" width="77" height="71" border="0" id="INDEX_r3_c2" alt="" />
                        </td>
                        <td rowspan="2"><img name="INDEX_r3_c4" src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/INDEX_r3_c4.png" width="91" height="71" border="0" id="INDEX_r3_c4" alt="" />
                        </td>
                        <td rowspan="2"><img name="INDEX_r3_c5" src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/INDEX_r3_c5.png" width="58" height="71" border="0" id="INDEX_r3_c5" alt="" />
                        </td>
                        <td rowspan="2"><img name="INDEX_r3_c6" src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/INDEX_r3_c6.png" width="86" height="71" border="0" id="INDEX_r3_c6" alt="" />
                        </td>
                        <td><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="62" height="7" border="0" alt="" />
                        </td>
                        <td><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="57" height="7" border="0" alt="" />
                        </td>
                        <td rowspan="2"><img name="INDEX_r3_c12" src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/INDEX_r3_c12.png" width="78" height="71" border="0" id="INDEX_r3_c12" alt="" />
                        </td>
                        <td rowspan="2"><img name="INDEX_r3_c13" src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/INDEX_r3_c13.png" width="57" height="71" border="0" id="INDEX_r3_c13" alt="" />
                        </td>
                        <td rowspan="2"><img name="INDEX_r3_c14" src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/INDEX_r3_c14.png" width="102" height="71" border="0" id="INDEX_r3_c14" alt="" />
                        </td>
                        <td rowspan="2" colspan="2"><img name="INDEX_r3_c15" src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/INDEX_r3_c15.png" width="78" height="71" border="0" id="INDEX_r3_c15" alt="" />
                        </td>
                        <td rowspan="6"><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="151" height="400" border="0" alt="" />
                        </td>
                        <td><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="1" height="7" border="0" alt="" />
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2"><img name="INDEX_r4_c7" src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/INDEX_r4_c7.png" width="75" height="64" border="0" id="INDEX_r4_c7" usemap="#m_INDEX_r4_c7" alt="" />
                        </td>
                        <td rowspan="2"><img name="INDEX_r4_c9" src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/INDEX_r4_c9.png" width="221" height="99" border="0" id="INDEX_r4_c9" usemap="#m_INDEX_r4_c9" alt="" />
                        </td>
                        <td colspan="2"><img name="INDEX_r4_c10" src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/INDEX_r4_c10.png" width="78" height="64" border="0" id="INDEX_r4_c10" usemap="#m_INDEX_r4_c10" alt="" />
                        </td>
                        <td><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="1" height="64" border="0" alt="" />
                        </td>
                    </tr>
                    <tr>
                        <td colspan="6"><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="374" height="35" border="0" alt="" />
                        </td>
                        <td><img name="INDEX_r5_c8" src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/INDEX_r5_c8.png" width="13" height="35" border="0" id="INDEX_r5_c8" usemap="#m_INDEX_r5_c8" alt="" />
                        </td>
                        <td><img name="INDEX_r5_c10" src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/INDEX_r5_c10.png" width="21" height="35" border="0" id="INDEX_r5_c10" usemap="#m_INDEX_r5_c10" alt="" />
                        </td>
                        <td colspan="6"><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="372" height="35" border="0" alt="" />
                        </td>
                        <td><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="1" height="35" border="0" alt="" />
                        </td>
                    </tr>
                    <tr>
                        <td rowspan="3"><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="17" height="400" border="0" alt="" />
                        </td>
                        <td rowspan="2" colspan="13" align="center">
    
                            <div id="comslider_in_point_394193"></div>
                            <script type="text/javascript">
                            var oCOMScript394193 = document.createElement('script');
                            oCOMScript394193.src = "http://commondatastorage.googleapis.com/comslider/target/users/1414254870x5ccc7fc6efe2e486d72ffc7cd01cd932/comslider.js?timestamp=1414256025";
                            oCOMScript394193.type = 'text/javascript';
                            document.getElementsByTagName("head").item(0).appendChild(oCOMScript394193);
                            </script>
    
                        </td>
    
                        <td rowspan="3"><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="19" height="400" border="0" alt="" />
                        </td>
                        <td><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="1" height="89" border="0" alt="" />
                        </td>
                    </tr>
                    <tr>
                        <td><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="1" height="220" border="0" alt="" />
                        </td>
                    </tr>
                    <tr>
                        <td colspan="13"><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="965" height="400" border="0" alt="" />
                        </td>
                        <td><img src="http://tastebuds.netai.net/wordpress/wp-content/themes/TasteBuds/images/spacer.gif" width="1" height="400" border="0" alt="" />
                        </td>
                    </tr>
                </table>
                <map name="m_INDEX_r2_c8" id="m_INDEX_r2_c8">
                    <area shape="poly" coords="10,170,39,212,85,241,122,248,169,242,213,211,239,186,250,156,255,114,246,82,223,38,186,14,139,0,93,0,47,23,23,47,6,91,0,136" href="javascript:;" alt="" />
                </map>
                <map name="m_INDEX_r4_c7" id="m_INDEX_r4_c7">
                    <area shape="poly" coords="72,110,101,152,147,181,184,188,231,182,275,151,301,126,312,96,317,54,308,22,285,-22,248,-46,201,-60,155,-60,109,-37,85,-13,68,31,62,76" href="javascript:;" alt="" />
                </map>
                <map name="m_INDEX_r4_c9" id="m_INDEX_r4_c9">
                    <area shape="poly" coords="-3,110,26,152,72,181,109,188,156,182,200,151,226,126,237,96,242,54,233,22,210,-22,173,-46,126,-60,80,-60,34,-37,10,-13,-7,31,-13,76" href="javascript:;" alt="" />
                </map>
                <map name="m_INDEX_r4_c10" id="m_INDEX_r4_c10">
                    <area shape="poly" coords="-224,110,-195,152,-149,181,-112,188,-65,182,-21,151,5,126,16,96,21,54,12,22,-11,-22,-48,-46,-95,-60,-141,-60,-187,-37,-211,-13,-228,31,-234,76" href="javascript:;" alt="" />
                </map>
                <map name="m_INDEX_r5_c8" id="m_INDEX_r5_c8">
                    <area shape="poly" coords="10,46,39,88,85,117,122,124,169,118,213,87,239,62,250,32,255,-10,246,-42,223,-86,186,-110,139,-124,93,-124,47,-101,23,-77,6,-33,0,12" href="javascript:;" alt="" />
                </map>
                <map name="m_INDEX_r5_c10" id="m_INDEX_r5_c10">
                    <area shape="poly" coords="-224,46,-195,88,-149,117,-112,124,-65,118,-21,87,5,62,16,32,21,-10,12,-42,-11,-86,-48,-110,-95,-124,-141,-124,-187,-101,-211,-77,-228,-33,-234,12" href="javascript:;" alt="" />
                </map>
                <map name="m_INDEX_r6_c3" id="m_INDEX_r6_c3">
                    <area shape="poly" coords="28,4,353,4,367,21,381,48,401,60,417,74,443,89,470,94,497,93,517,88,558,69,579,47,610,5,942,0,965,86,962,198,959,309,0,308,1,0" href="javascript:;" alt="" />
                    <area shape="poly" coords="367,11,396,53,442,82,479,89,526,83,570,52,596,27,607,-3,612,-45,603,-77,580,-121,543,-145,496,-159,450,-159,404,-136,380,-112,363,-68,357,-23" href="javascript:;" alt="" />
                </map>
    
    </div>
    
        <div id="container">
    	<?php if ( have_posts() ) : ?>
    <?php while ( have_posts() ) : the_post(); ?>
      <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
        <div class="post-header">
            <div class="date"><?php the_time( 'M j y' ); ?></div>
            <h2><a href="<?php the_permalink(); ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
            <div class="author"><?php the_author(); ?></div>
        </div><!--end post header-->
        <div class="entry clear">
            <?php if ( function_exists( 'add_theme_support' ) ) the_post_thumbnail(); ?>
            <?php the_content(); ?>
            <?php edit_post_link(); ?>
            <?php wp_link_pages(); ?>
        </div><!--end entry-->
        <div class="post-footer">
            <div class="comments"><?php comments_popup_link( 'Leave a Comment', '1 Comment', '% Comments' ); ?></div>
        </div><!--end post footer-->
      </div><!--end post-->
    <?php endwhile; /* rewind or continue if all posts have been fetched */ ?>
      <div class="navigation index">
        <div class="alignleft"><?php next_posts_link( 'Older Entries' ); ?></div>
        <div class="alignright"><?php previous_posts_link( 'Newer Entries' ); ?></div>
      </div><!--end navigation-->
    <?php else : ?>
    <?php endif; ?>
    </div>
    
    <?php get_footer(); ?>

    footer.php

    <div id="footer">
        <div id="footer-margin-top">
    
        </div>
    
        <div id="footer-top">
            <br />
            <BR />
            <center><img src="http://tastebuds.netai.net/images/bottomimage.png" />
            </center>
        </div>
        <div id="footer-bottom"></div>
    </div>
    
    </body>
    
    </html>

    header.php

    <link type="text/css" rel="stylesheet" href="<?php bloginfo('stylesheet_directory')?>/style.css">
    
    <?php
    /*
    Taste Buds Theme
    Description: A theme designed for Taste Buds Cafe
    Version: 1.0
    Author: Lucy Smith
    */
    ?><!DOCTYPE html>
    <!--[if IE 7]>
    <html class="ie ie7" <?php language_attributes(); ?>>
    <![endif]-->
    <!--[if IE 8]>
    <html class="ie ie8" <?php language_attributes(); ?>>
    <![endif]-->
    <!--[if !(IE 7) & !(IE 8)]><!-->
    <html <?php language_attributes(); ?>>
    <!--<![endif]-->
    <head>
    
    <title>Taste Buds</title>
    
    <meta name="viewport"content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    	<meta charset="<?php bloginfo( 'charset' ); ?>">
    	<meta name="viewport" content="width=device-width">
    	<title><?php wp_title( '|', true, 'right' ); ?></title>
    	<link rel="profile" href="http://gmpg.org/xfn/11">
    	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
    	<!--[if lt IE 9]>
    	<script src="<?php echo get_template_directory_uri(); ?>/js/html5.js"></script>
    	<![endif]-->
    	<?php wp_head(); ?>
    </head>

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter tastebudscafe

    (@tastebudscafe)

    Please anyone? I’m really stuck here…Lucy x

    Thread Starter tastebudscafe

    (@tastebudscafe)

    Please anyone? I’m really stuck here…Lucy x

    You don’t need <style type="text/css"> or </style> in your theme’s stylesheet. The browser already knows to treat the contents of that file as CSS rules.

    The reason that your content is below your footer is because you’ve set position: absolute on your footer, which takes it out of the document flow. It shouldn’t have ended up there, though, given your HTML structure, so something else is going on.

    Why do you have a giant HTML table, filled with nothing but an empty spacing image?

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Content appearing bellow footer’ is closed to new replies.