WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Footer - shows up on the right only on Firefox! (3 posts)

  1. Meeker Jones
    Member
    Posted 1 year ago #

    Hey guys -

    I am creating a site for my mom :-D

    and on her blog page, I want to have specific banners, color, and footer color etc.

    I thought all was good until we checked it on Firefox (13.0.1) - and the footer is
    married to the sidebar. Which in Chrome and Safari looks normal.

    I have been spending countless hours moving things around.. but now I am just thinking I need to know some 'secret' - since chrome and safari looks good. What is the glitch i am causing for Firefox??

    Here is my blog index page: http://69.89.31.152/~littlgp0/news/

    here are the Main Index Template's codes:

    <!DOCTYPE html>
    <html <?php language_attributes(); ?>>
    <head>

    <?php if (is_search()) { ?>
    <meta name="robots" content="noindex, nofollow" />
    <?php } ?>

    <title>
    <?php
    if (function_exists('is_tag') && is_tag()) {
    single_tag_title("Tag Archive for ""); echo '" - '; }
    elseif (is_archive()) {
    wp_title(''); echo ' Archive - '; }
    elseif (is_search()) {
    echo 'Search for "'.wp_specialchars($s).'" - '; }
    elseif (!(is_404()) && (is_single()) || (is_page())) {
    wp_title(''); echo ' - '; }
    elseif (is_404()) {
    echo 'Not Found - '; }
    if (is_home()) {
    bloginfo('name'); echo ' - '; bloginfo('description'); }
    else {
    bloginfo('name'); }
    if ($paged>1) {
    echo ' - page '. $paged; }
    ?>
    </title>

    <link rel="shortcut icon" href="/favicon.ico">

    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">

    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">

    <?php if ( is_singular() ) wp_enqueue_script('comment-reply'); ?>

    <?php wp_head(); ?>

    <!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script>
    <script src='js/example.js'></script>

    <style type="text/css">
    <!--

    .styleTOPBORDER-LINK {
    font-size: 11px;
    font-weight: normal;
    font-family: verdana, serif;
    color: #faf7e3;
    text-decoration: none;
    letter-spacing: 3px;
    }

    .style1 {
    font-size: 10px;
    font-weight: normal;
    font-family: verdana, serif;
    color: #58534e;
    text-decoration: none;
    letter-spacing: 2px;
    }

    .styleFooter-LINK {
    color: #58534e;
    font-family: verdana, serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    letter-spacing: 3px;
    }

    .styleCUKE-LINK {
    font-size: 10px;
    font-weight: normal;
    font-family: verdana, serif;
    color: #7ba23f;
    text-decoration: none;
    letter-spacing: 2px;
    }

    -->
    </style>

    <script type="text/javascript">
    <!--
    function MM_preloadImages() { //v3.0
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    function MM_swapImgRestore() { //v3.0
    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }

    function MM_findObj(n, d) { //v4.01
    var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
    }

    function MM_swapImage() { //v3.0
    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>

    </head>

    <body <?php body_class(); ?> onLoad="MM_preloadImages('images/monkey_hover.png','images/dragon_hover.png','images/rabbit_hover.png','images/sheep_hover.png','images/rat_hover.png','images/dog_hover.png')">

    <div id="stripes_top">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td bgcolor="#e3916e"><div class="box padTop10"></div></td>
    <td bgcolor="#336774"><div class="box padTop10"></div></td>
    <td bgcolor="#f6c555"><div class="box padTop10"></div></td>
    <td bgcolor="#6f3381"><div class="box padTop10"></div></td>
    <td bgcolor="#7ba23f"><div class="box padTop10"></div></td>
    <td bgcolor="#b68e55"><div class="box padTop10"></div></td>
    </tr>
    </table>
    </div>

    <div id="page-wrap-index" class="group">

    <header>

    <div id="banner-image">
    <img src="/images/top_banners/blog.jpg"></div>

    <div id="link-colorband-index"></div>

    <div id="title-square-index">
    <img src="/images/title_box_blog.png">
    </div>

    <nav>

    </nav>
    </header>

    <div id="blog-maincontent">

    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

    <div <?php post_class() ?> id="post-<?php the_ID(); ?>">

    <h2>"><?php the_title(); ?></h2>

    <?php include (TEMPLATEPATH . '/inc/meta.php' ); ?>

    <div class="entry">
    <?php the_content(); ?>
    </div>

    <div class="postmetadata">
    <?php the_tags('Tags: ', ', ', '
    '); ?>
    Posted in <?php the_category(', ') ?> |
    <?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?>
    </div>

    </div>

    <?php endwhile; ?>

    <?php include (TEMPLATEPATH . '/inc/nav.php' ); ?>

    <?php else : ?>

    <h2>Not Found</h2>

    <?php endif; ?>
    </div>
    <?php get_sidebar(); ?>

    <footer><center>
    <div id="footer-colorband">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr background="/images/footer_band_blue.png">
    <td align="center">Home | Latest | Contact | Publications | Links<img src="/images/sns_logos_sm.png" alt="sns" align="absmiddle" usemap="#Map"> </td>
    </tr>
    </table>

    </div>
    <div id="copyright"><p class="style1">©<?php echo date("Y"); echo " "; bloginfo('name'); ?> Virginia Fumiyo Anami | a cucumber. website</p></div>
    </center>

    </footer>

    </div><!--End page-wrap-->

    <map name="Map">
    <area shape="rect" coords="26,1,46,22" href="#" target="_blank">
    <area shape="rect" coords="48,1,66,22" href="#" target="_blank">
    </map>

    <!-- Don't forget analytics -->

    </body>

    <div id="stripes_bottom"> <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td bgcolor="#e3916e"><div class="box padTop10"></div></td>
    <td bgcolor="#336774"><div class="box padTop10"></div></td>
    <td bgcolor="#f6c555"><div class="box padTop10"></div></td>
    <td bgcolor="#6f3381"><div class="box padTop10"></div></td>
    <td bgcolor="#7ba23f"><div class="box padTop10"></div></td>
    <td bgcolor="#b68e55"><div class="box padTop10"></div></td>
    </tr>
    </table>

    </div>

    </html>

    *******************

    Thanks!
    Meekr

  2. jacobuid
    Member
    Posted 1 year ago #

    add "clear: both;" to <footer> element in your styles.css on line 97

  3. Meeker Jones
    Member
    Posted 1 year ago #

    IT WORKED!!! thank you so much.

    For my info - what is it CLEARING?
    if may ask...

    Again thank you!!

    Meekr

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.