Link to home
Start Free TrialLog in
Avatar of Bruce Gust
Bruce GustFlag for United States of America

asked on

Why does this page align to the left...?

If you head out to http://www.echoframe.com/Cart/home.php, you'll notice that on a Windows platform (IE7), the page is centered. In Firefox and Safari, the page aligns itself in the upper left hand corner.

You can view the source code of the page (please also look at http://echoframe.com/Cart/index.php) to see how things are coded on the page itself. I also have a portion of the stylesheet documented below.

Bottom line: I need consistency in both platforms. I'm confident I've overlooked some protocol somewhere which is why Firefox and Safari are not behaving. What am I missing?
/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2005 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet.css 5347 2006-12-22 20:26:09Z birdbrain $
 */
 
body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 16px;
        color: #121111;
        text-align: left;
        vertical-align: top;
        padding: 0px;
        height: 100%;
        width: 100%;
        margin: 0;
	background-color: #f8f8f8;
}
 
.footer {
        FONT-SIZE:8pt;
            COLOR: #000066;
           FONT-FAMILY: Microsoft Sans Serif, Helvetica, 'Times New Roman';
          font-weight:normal;
 
}
 
 
td.background {
        background-image: url(http://echoframe.com/Cart/images/ZenCartBackground.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        background-color: #f8f8f8;
         text-align: center;
}

Open in new window

ASKER CERTIFIED SOLUTION
Avatar of rbudj
rbudj
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of wilson1000
wilson1000

... apart from your first table of course :@)
Avatar of Bruce Gust

ASKER

Thanks guys for your input. I don't disagree with you at all as far as my stylesheet being a mess. However, it belongs to zencart and after fooling with this app for the better part of nine months, I have decided it's best sometimes to go ahead and fix what I can and let the rest be.

rbudj, your suggestion worked so you have the points. wilson, thanks to you as well for your suggestion.
No worries, good luck!
I did not mean to close this question, guys. I'll make it right.

Sorry!
Oh, you might want to remove the </div> closing tag you have after the wrapped table opening, it's located directly at the end like so...:

<div alignr="center"><table width="900" border="0" cellspacing="0" cellpadding="0">      </div>

You should move to the point where this table closes :

</table>