Internet Explorer centering everything

balinor · #21 09-04-2007, 05:51 PM

True, and if you want it even cleaner, use CSS:

.Container (margin: 0 auto;}

OpheliaPayne · #22 09-04-2007, 05:53 PM

Balinor,

I pasted the wrong code. Sorry about that. Lets try this again.

I changed this...

Code:

{* $Id: rectangle_top.tpl,v 1.25 2006/02/07 08:09:51 max Exp $ *}
  <center>
<table class="Container" cellpadding="0" cellspacing="0" width="{$width|default:"90%"}">
<tr><td class="Container">  </center>

to this:

Code:

{* $Id: rectangle_top.tpl,v 1.25 2006/02/07 08:09:51 max Exp $ *}
<table class="Container" cellpadding="0" cellspacing="0" width="{$width|default:"90%" align="center}">
<tr><td class="Container">

It does fix the issues of the tables being centered, however it creates a new issue where the the store is left aligned now instead of centered in the middle of the page. Since our site is centered in the middle of the page at 90%, we obviously can't have the store left aligned

Any ideas on how to fix that?

carpeperdiem

I will try this with the css

Thank you.

Victoria Feemster · #23 09-04-2007, 06:39 PM

OpheliaPayne,

On your site, I see the text in the sideboxes as centered but your logo as right aligned on IE.

somekindahate · #24 09-04-2007, 07:25 PM

OphelliaPayne,

Your solution of removing the <center> tag and using align="center" is not correct. And like others have stated, you should be using CSS to fix this problem, not deprecated HTML. Remove the align attribute and the center tags you've added.

Go to skin1/customer/main/home.tpl

After the <body> tag add <div id="envelope">
Before the closing </body> tag add </div>

Add the following to your CSS file skin1.css

Code:

body {
   text-align: center;
}
#envelope {
   text-align: left;
   margin: 0 auto;
}

When you view the source, there should be a <div id="envelope"> ... </div> wrapping the contents of the page just inside of the body tag.

OpheliaPayne · #25 09-04-2007, 08:17 PM

Quote:

Originally Posted by somekindahate

OphelliaPayne,

Your solution of removing the <center> tag and using align="center" is not correct. And like others have stated, you should be using CSS to fix this problem, not deprecated HTML. Remove the align attribute and the center tags you've added.

Go to skin1/customer/main/home.tpl

After the <body> tag add <div id="envelope">
Before the closing </body> tag add </div>

Add the following to your CSS file skin1.css

Code:

body {
   text-align: center;
}
#envelope {
   text-align: left;
   margin: 0 auto;
}

When you view the source, there should be a <div id="envelope"> ... </div> wrapping the contents of the page just inside of the body tag.

This did not work.

Quote:

TABLE.Container { width: 900px; margin-left: auto; margin-right: auto; background-color: #FFFFFF; }

margin-left: auto;
margin-right: auto;

This did work. Thank you.

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search



	X-Cart forums © 2001-2020