Footer – shows up on the right only on Firefox!
-
Hey guys –
I am creating a site for my mom 😀
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>
- <img src=”/images/monkey.png” width=”80″ height=”52″ id=”Image1″ onMouseOver=”MM_swapImage(‘Image1′,”,’/images/monkey_hover.png’,1)” onMouseOut=”MM_swapImgRestore()”>
- <img src=”/images/dragon.png” width=”80″ height=”53″ id=”Image2″ onMouseOver=”MM_swapImage(‘Image2′,”,’/images/dragon_hover.png’,1)” onMouseOut=”MM_swapImgRestore()”>
- <img src=”/images/rabbit.png” width=”80″ height=”51″ id=”Image3″ onMouseOver=”MM_swapImage(‘Image3′,”,’/images/rabbit_hover.png’,1)” onMouseOut=”MM_swapImgRestore()”>
- <img src=”/images/sheep.png” width=”80″ height=”50″ id=”Image5″ onMouseOver=”MM_swapImage(‘Image5′,”,’/images/sheep_hover.png’,1)” onMouseOut=”MM_swapImgRestore()”>
- <img src=”/images/dog.png” width=”80″ height=”54″ id=”Image4″ onMouseOver=”MM_swapImage(‘Image4′,”,’/images/dog_hover.png’,1)” onMouseOut=”MM_swapImgRestore()”>
- <img src=”/images/rat.png” width=”80″ height=”53″ id=”Image6″ onMouseOver=”MM_swapImage(‘Image6′,”,’/images/rat_hover.png’,1)” onMouseOut=”MM_swapImgRestore()”>
</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
- The topic ‘Footer – shows up on the right only on Firefox!’ is closed to new replies.