aaelghat:
Hi, my cart is here:
http://lifeonrecord.com/cart/
When I view my cart in FireFox, the header looks fine (except for the fact that it's not centered - I'm kind of stymied by that - I've tried every setting I can to center it).
However, in IE the logo is above the rest of the header instead of to the left. How can I rectify this? Thanks!!
First, you have several validation errors which should be corrected.
The major one is that you have two (2) "head" sections. I've highlighted them in red.
This is from the view source of your site:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en">
<head>
<title>Zen Cart!, The Art of E-commerce</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="LifeOnRecord Weddings LifeOnRecord Events LifeOnRecord Personal Journals ecommerce, open source, shop, online shopping " />
<meta name="description" content="Zen Cart! - LifeOnRecord Weddings LifeOnRecord Events LifeOnRecord Personal Journals ecommerce, open source, shop, online shopping" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="author" content="The Zen Cart™ Team and others" />
<meta name="generator" content="shopping cart program by Zen Cart™, http://www.zen-cart.com eCommerce" />
<base href="http://lifeonrecord.com/cart/" />
<link rel="stylesheet" type="text/css" href="includes/templates/custom/css/stylesheet.css" />
</head>
<body id="indexBody">
<div id="mainWrapper">
<!--bof-header logo and navigation display-->
<head>
<div id="headerWrapper">
<!--bof-branding display-->
<div id="logoWrapper">
<div id="logo"><a href="http://lifeonrecord.com/cart/"><img src="includes/templates/custom/images/logo.gif" alt="LifeOnRecord" title=" LifeOnRecord " width="272" height="87" /></a></div>
<script type="text/JavaScript">
<!--
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_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_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>
