Firefox Problem

[Manoil]

In firefox my site is not centered correctly. It is more to tle right hand side. In IE6 it is perfect but... more and more people are using firefox so I need some solution here. I'm using the Center Shop with CSS. The code of this contrib is -

 

1.

 

BODY {

text-align: center;

background: #ffffff;

color: #000000;

margin: 0px;

}

 

.fixcenter {

width: 758px;

border: solid; border-width: 1px;

background: #ffffff;

color: #000000;

margin: auto;

margin-top: 20px;

text-align: left;

}

 

2. On-page changes:

 

In /catalog/includes/header.php

-------------------------------

immediately below this piece of code

 

if ($messageStack->size('header') > 0) {

echo $messageStack->output('header');

}

?>

 

add

 

<div class="fixcenter">

 

In catalog/includes/footer.php

------------------------------

 

Immediately below the closing php tag

 

?>

 

add this

 

</div>

 

 

 

_________________________________________________

 

 

Tnaks for the help in advance :thumbsup:

[usernamenone]

You are using the wrong contrib.

 

Try this one

 

http://www.oscommerce.com/community/contri...ry/search,22462

[Guest]

My problem is the opposite. My .html pages of my site are perfect in FireFox but are left aligned in IE. The store portion of the site is fine in both browsers. No one has been able to figure out why my .html pages are not centered in IE as the codes are just fine. It's the weirdest thing.

 

Also, I have a horizontal line separating the banner from the rest of the page, on each page, and it looks perfect in FF, but not in IE. Again, no clue why.

[Manoil]

Lola this is the contribution I' using :) Thanks for the reply! I changed the store width and it is fine now :) Moonlight try making it with 100px more! Cheers :)

[usernamenone]

.fixcenter {

width: 758px;

border: solid; border-width: 1px;

background: #ffffff;

color: #000000;

margin: auto;

margin-top: 20px;

text-align: left;

}

 

 

# fixcenter{

width: 760px;

border: 1px solid #000000;

background: #ffffff;

color: #000000;

margin: 10px auto 10px auto;

text-align: left;

]

The above code works

 

I think your margins are fighting and the # importaint.

 

You go setting your site to 1000px and those with a 800px screen will not stick around and scroll from left to right.

 

I used my own center container and not a contrib so don't know what the issues are but the above code works at any px width.

[usernamenone]

.fixcenter {

width: 758px;

border: solid; border-width: 1px;

background: #ffffff;

color: #000000;

margin: auto;

margin-top: 20px;

text-align: left;

}

# fixcenter{

width: 760px;

border: 1px solid #000000;

background: #ffffff;

color: #000000;

margin: 10px auto 10px auto;

text-align: left;

]

The above code works

 

I think your margins are fighting and the # importaint.

 

You go setting your site to 1000px and those with a 800px screen will not stick around and scroll from left to right.

 

I used my own center container and not a contrib so don't know what the issues are but the above code works at any px width.

 

 

I just looked at the contrib and noted that you will need to change the header code to this

 

<div id="fixcenter">

 

Centering your page is not a class but and id that is not repeated more than once.

[Manoil]

Thank you! It is great now :) 2 beers for you :P

[usernamenone]

Your welcome, I have added my instructions as a contribution and can be downloaded here.

 

 

http://www.oscommerce.com/community/contributions,4910

 

 

 

Thank you! It is great now :) 2 beers for you :P

[katerina423]

Your welcome, I have added my instructions as a contribution and can be downloaded here.

 

 

http://www.oscommerce.com/community/contributions,4910

 

 

Hi Lola,

 

I'm sorry to reply in such an old post, but I just found your contribution (through your comments on this page) and it is wonderful!! It fixed an issue I had before, but it seems like in Firefox 3, in the index.php file the right column is extending beyond the side. Here's a link to what it looks like: http://www.spiderkat.net/shop/

 

Do you think you could possibly help me out? I'm good with HTML, but have no clue where to look in the PHP code for a fix. I'd appreciate your help immensely. Thank you!

 

Katerina