not centered in Internet explorer

loneparot · October 1, 2009

please help my page is not centered in internet explorer but in firefox and google chrome everything is ok.

some pro help please

br,

parot

spooks · October 1, 2009

details here

loneparot · October 1, 2009

thanks for fast reply but still the same. in firefox ang google chrome its centerd but in internet explorer has an issue..

please check http://bestsellersmobiles.org/online-store/index.php

BODY {background: #3D4957 url("images/back.gif");color:#141414; font-family:tahoma; font-size:11px}

td{font-family:tahoma; font-size:11px}

#content{background:#ffffff; width:550px; margin:0px 0 0 0;}

text-align:center;

#content .top{}

#content .bottom{}

}

is this correct

br,

parot

multimixer · October 1, 2009

In safari and a very old explorer version for mac it's centered.

The lines you mention have nothing to do with your centering issue

loneparot · October 1, 2009

i think it has somethin to do as per sam's reply. if im not mistaken.

i have done this but still the same in internet explorer

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

I thought I`d add this to this contrib as people keep asking.

This gives a much simpler technique than before so if you prefer the table way use an older edition.

To center & size Shop

At the very start of header.php add:

then at the very bottom of footer.php add:

</div>

then add to your css:

#content {

width: 900; margin: auto;

border: 1px solid #999999;

text-align:center;

}

and add to the BODY tag

text-align:center;

Obviously set width above to whatever you need.

Thats It!!

If you want different width header/footer to content:

At the very start of header.php add:

then at the very bottom of header.php add:

</div><div id="content">

At the very start of footer.php add:

</div><div id="footer">

then at the very bottom of footer.php add:

</div>

then add to your css:

#content {

width: 900; margin: auto;

border: 0px solid #999999;

text-align:center;

}

#header {

width: 100%; margin: auto;

border: 0px solid #999999;

text-align:center;

}

#footer {

width: 100%; margin: auto;

border: 0px solid #999999;

text-align:center;

}

and add to the BODY tag

text-align:center;

Obviously set width above to whatever you need.

++++++++++++++++++++++++++++++++++++

please help what else needs to be done?

br

parot

spooks · October 1, 2009

It appears u r not doing what u say u r, as otherwise it would work.

can u give a link?

multimixer · October 1, 2009

i have done this but still the same in internet explorer

You have not done this exactly.

1) In a "normal" html page you would put the #content (or however you want to call it) tag at the beginning and close it at the end.

Because in osc the page is getting "created" each time, you need to put the div start into the header.php and the closing into the footer.php as sam says.

From there on, in your stylesheet.css you need to specify for this tag

a ) the width

b ) set margin left and right to "auto"

That results to a centered page

loneparot · October 1, 2009

It appears u r not doing what u say u r, as otherwise it would work.

can u give a link?

i did sam.

idid the header and the footer.

At the very start of header.php add:

then at the very bottom of footer.php add:

</div>

i also did

stylee css..

then add to your css:

#content {

width: 900; margin: auto;

border: 1px solid #999999;

text-align:center;

}

and add to the BODY tag

text-align:center;

++++++++++++

the only issue is in internet explorer. sorry for the ignorancce as im newbbie to oscm but i did what the instruction in the contrib.

br,

parot

loneparot · October 1, 2009

this is my style.css please please correct my work..

/*

$Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

osCommerce, Open Source E-Commerce Solutions

http://www.oscommerce.com

Released under the GNU General Public License

*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }

.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }

.productsNotifications { background: #f2fff7; }

.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {background: #3D4957 url("images/back.gif");color:#141414; font-family:tahoma; font-size:11px}

td{font-family:tahoma; font-size:11px}

#content{background:#ffffff; width:550px; margin:0px 0 0 0;}

#content(text-align:center;

#content .top{}

#content .bottom{}

}

A {

color: #000000;

text-decoration: none;

}

A:hover {

color: #AABBDD;

text-decoration: underline;

}

FORM {

display: inline;

}

TR.header {

background: transparent;

}

TR.headerNavigation {

background: transparent;

}

TD.headerNavigation {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

background: #2E68B3;

color: #ffffff;

font-weight : bold;

}

A.headerNavigation {

color: #FFFFFF;

}

A.headerNavigation:hover {

color: #000000;

}

TR.headerError {

background: #ff0000;

}

TD.headerError {

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

background: #ff0000;

color: #ffffff;

font-weight : bold;

text-align : center;

}

TR.headerInfo {

background: #00ff00;

}

TD.headerInfo {

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

background: #00ff00;

color: #ffffff;

font-weight: bold;

text-align: center;

}

TR.footer {

background: #2E68B3;

}

TD.footer {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

background: #2E68B3;

color: #ffffff;

font-weight: bold;

}

.infoBox {

background: #2E68B3;

}

.infoBoxContents {

background: #f8f8f9;

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

.infoBoxNotice {

background: #FF8E90;

}

.infoBoxNoticeContents {

background: #FFE6E6;

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

TD.infoBoxHeading {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

font-weight: bold;

background: #2E68B3;

color: #FFFFFF;

}

TD.infoBox, SPAN.infoBox {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {

background: #f8f8f9;

}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {

background: #f8f8f9;

}

TABLE.productListing {

border: 1px;

border-style: solid;

border-color: #b6b7cb;

border-spacing: 1px;

}

.productListing-heading {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

background: #b6b7cb;

color: #FFFFFF;

font-weight: bold;

}

TD.productListing-data {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

A.pageResults {

color: #0000FF;

}

A.pageResults:hover {

color: #0000FF;

background: #FFFF33;

}

TD.pageHeading, DIV.pageHeading {

font-family: Verdana, Arial, sans-serif;

font-size: 20px;

font-weight: bold;

color: #9a9a9a;

}

TR.subBar {

background: #f4f7fd;

}

TD.subBar {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

color: #000000;

}

TD.main, P.main {

font-family: Verdana, Arial, sans-serif;

font-size: 11px;

line-height: 1.5;

}

TD.smallText, SPAN.smallText, P.smallText {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

TD.accountCategory {

font-family: Verdana, Arial, sans-serif;

font-size: 13px;

color: #aabbdd;

}

TD.fieldKey {

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

font-weight: bold;

}

TD.fieldValue {

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

}

TD.tableHeading {

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

font-weight: bold;

}

SPAN.newItemInCart {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

color: #ff0000;

}

CHECKBOX, INPUT, RADIO, SELECT {

font-family: Verdana, Arial, sans-serif;

font-size: 11px;

}

TEXTAREA {

width: 100%;

font-family: Verdana, Arial, sans-serif;

font-size: 11px;

}

SPAN.greetUser {

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

color: #f0a480;

font-weight: bold;

}

TABLE.formArea {

background: #f1f9fe;

border-color: #7b9ebd;

border-style: solid;

border-width: 1px;

}

TD.formAreaTitle {

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

font-weight: bold;

}

SPAN.markProductOutOfStock {

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

color: #c76170;

font-weight: bold;

}

SPAN.productSpecialPrice {

font-family: Verdana, Arial, sans-serif;

color: #ff0000;

}

SPAN.errorText {

font-family: Verdana, Arial, sans-serif;

color: #ff0000;

}

.moduleRow { }

.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }

.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }

.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }

.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

#content {

width: 900; margin: auto;

border: 2px solid #999999;

text-align:center;

}

/* Special Scroller */

#pscroller1 {

height: 160px;

border: 0px;

padding: 5px;

}

#pscroller2{

width: 350px;

height: 20px;

border: 0px;

padding: 3px;

}

#pscroller2 a{

text-decoration: none;

}

.someclass {

font-family: sans-serif;

font-size: 11px;

line-height: 1.5;

}

loneparot · October 1, 2009

It appears u r not doing what u say u r, as otherwise it would work.

can u give a link?

the link of my site?

http://bestsellersmobiles.org/online-store/index.php

thanks for the support

br,

parot

multimixer · October 1, 2009

You don't follow Sam's instructions.

1) Leave the BODY as it is. what does this here mean?

#content{background:#ffffff; width:550px; margin:0px 0 0 0;}
#content(text-align:center;
#content .top{}
#content .bottom{}

2) Paste this into the beginning of your .css

#content {
width: 900; margin: auto;
border: 1px solid #999999;
text-align:center;
}

loneparot · October 1, 2009

You don't follow Sam's instructions.

1) Leave the BODY as it is. what does this here mean?
#content{background:#ffffff; width:550px; margin:0px 0 0 0;}
#content(text-align:center;
#content .top{}
#content .bottom{}
2) Paste this into the beginning of your .css
#content {
width: 900; margin: auto;
border: 1px solid #999999;
text-align:center;
}

please check ive added it

++++++++++++++++++++++

/*

$Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

osCommerce, Open Source E-Commerce Solutions

http://www.oscommerce.com

Released under the GNU General Public License

*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }

.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }

.productsNotifications { background: #f2fff7; }

.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

#content {

width: 900; margin: auto;

border: 2px solid #999999;

text-align:center;

}

BODY {background: #3D4957 url("images/back.gif");color:#141414; font-family:tahoma; font-size:11px}

td{font-family:tahoma; font-size:11px}

#content{background:#ffffff; width:550px; margin:0px 0 0 0;}

#content .top{}

#content .bottom{}

}

A {

color: #000000;

text-decoration: none;

}

A:hover {

color: #AABBDD;

text-decoration: underline;

}

FORM {

display: inline;

}

TR.header {

background: transparent;

}

TR.headerNavigation {

background: transparent;

}

TD.headerNavigation {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

background: #2E68B3;

color: #ffffff;

font-weight : bold;

}

A.headerNavigation {

color: #FFFFFF;

}

A.headerNavigation:hover {

color: #000000;

}

TR.headerError {

background: #ff0000;

}

TD.headerError {

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

background: #ff0000;

color: #ffffff;

font-weight : bold;

text-align : center;

}

TR.headerInfo {

background: #00ff00;

}

TD.headerInfo {

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

background: #00ff00;

color: #ffffff;

font-weight: bold;

text-align: center;

}

TR.footer {

background: #2E68B3;

}

TD.footer {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

background: #2E68B3;

color: #ffffff;

font-weight: bold;

}

.infoBox {

background: #2E68B3;

}

.infoBoxContents {

background: #f8f8f9;

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

.infoBoxNotice {

background: #FF8E90;

}

.infoBoxNoticeContents {

background: #FFE6E6;

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

TD.infoBoxHeading {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

font-weight: bold;

background: #2E68B3;

color: #FFFFFF;

}

TD.infoBox, SPAN.infoBox {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {

background: #f8f8f9;

}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {

background: #f8f8f9;

}

TABLE.productListing {

border: 1px;

border-style: solid;

border-color: #b6b7cb;

border-spacing: 1px;

}

.productListing-heading {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

background: #b6b7cb;

color: #FFFFFF;

font-weight: bold;

}

TD.productListing-data {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

A.pageResults {

color: #0000FF;

}

A.pageResults:hover {

color: #0000FF;

background: #FFFF33;

}

TD.pageHeading, DIV.pageHeading {

font-family: Verdana, Arial, sans-serif;

font-size: 20px;

font-weight: bold;

color: #9a9a9a;

}

TR.subBar {

background: #f4f7fd;

}

TD.subBar {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

color: #000000;

}

TD.main, P.main {

font-family: Verdana, Arial, sans-serif;

font-size: 11px;

line-height: 1.5;

}

TD.smallText, SPAN.smallText, P.smallText {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

TD.accountCategory {

font-family: Verdana, Arial, sans-serif;

font-size: 13px;

color: #aabbdd;

}

TD.fieldKey {

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

font-weight: bold;

}

TD.fieldValue {

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

}

TD.tableHeading {

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

font-weight: bold;

}

SPAN.newItemInCart {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

color: #ff0000;

}

CHECKBOX, INPUT, RADIO, SELECT {

font-family: Verdana, Arial, sans-serif;

font-size: 11px;

}

TEXTAREA {

width: 100%;

font-family: Verdana, Arial, sans-serif;

font-size: 11px;

}

SPAN.greetUser {

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

color: #f0a480;

font-weight: bold;

}

TABLE.formArea {

background: #f1f9fe;

border-color: #7b9ebd;

border-style: solid;

border-width: 1px;

}

TD.formAreaTitle {

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

font-weight: bold;

}

SPAN.markProductOutOfStock {

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

color: #c76170;

font-weight: bold;

}

SPAN.productSpecialPrice {

font-family: Verdana, Arial, sans-serif;

color: #ff0000;

}

SPAN.errorText {

font-family: Verdana, Arial, sans-serif;

color: #ff0000;

}

.moduleRow { }

.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }

.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }

.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }

.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

/* Special Scroller */

#pscroller1 {

height: 160px;

border: 0px;

padding: 5px;

}

#pscroller2{

width: 350px;

height: 20px;

border: 0px;

padding: 3px;

}

#pscroller2 a{

text-decoration: none;

}

.someclass {

font-family: sans-serif;

font-size: 11px;

line-height: 1.5;

}

br,

parot

spooks · October 1, 2009

When u use a contrib always follow instructions to the letter, don`t ignore some then complain it don`t work!!

you have:

BODY {background: #3D4957 url("images/back.gif");color:#141414; font-family:tahoma; font-size:11px}

instruction said:

and add to the BODY tag

text-align:center;

so why don`t u have:

BODY {background: #3D4957 url("images/back.gif");color:#141414; font-family:tahoma; font-size:11px; text-align:center;}

loneparot · October 1, 2009

When u use a contrib always follow instructions to the letter, don`t ignore some then complain it don`t work!!

you have:
BODY {background: #3D4957 url("images/back.gif");color:#141414; font-family:tahoma; font-size:11px}
instruction said:

so why don`t u have:
BODY {background: #3D4957 url("images/back.gif");color:#141414; font-family:tahoma; font-size:11px; text-align:center;}

ahhh master sam its done .. youre great...

appreciated... thanks for supporting ame all the way...

br,

parot

multimixer · October 1, 2009

and what width does your site has now? 900 or 550?

loneparot · October 1, 2009

900.. thanks bro

br,

parot

not centered in Internet explorer

Recommended Posts

loneparot

spooks

loneparot

multimixer

loneparot

spooks

multimixer

loneparot

loneparot

loneparot

multimixer

loneparot

spooks

loneparot

multimixer

loneparot

Archived

Browse

Activity