Ecco una soluzione che non mi ricordo neanche più dove l'ho letta...ma comunque va bene:
================================
How to centre your store at a fixed width ?
================================
This tip is to centre your site at a fixed width such as on the free gnome and roundedgreen templates. These are good but in my opinion it is better to have a unique store for your ecommerce site. But thats another story. If you want to learn how to centre YOUR oscommerce store read on and learn exactly how !
The files you will be modifying in this tutorial are:
- includes/header.php
- includes/footer.php
- stylesheet.css
Step 1] First you need to open your header.php file which is found in the includes folder in either notepad or any other text editor. Now go to around line 54 and find where it says "?>" in the code. Make a new line under this (press return) and then enter the following code:
<div id="holder">
So on line 54-56 you should have the code:
?>
<div id="holder"><div id="innerholder">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
If this is the case save your document and close it.
Step 2] Now open your footer.php file (also in the includes folder). Goto the very bottom of the document and insert this piece of code after everything that is already there:
</div>
Then save and close your document.
What you have just done in step 1 and 2 is put the oscommerce site in a "div" or container which we can now specify a width to and centre if we want to.
Step 3] Open your stylesheet.css file and goto the very bottom and add the following code:
#holder{
width: 780px;
margin-left:auto;
margin-right:auto;
}
This tells the "div" or container to be a set width of 780px and to have margins on both side automatically fit so it’s centered on the page.
Then find in the code (normally at the top of the file) where it says:
BODY {
...sometext
}
Leave everything in this as it is however between the two brackets at the bottom change modify it to the following:
BODY {
...sometext
margin: 0;
padding: 0;
border: 0;
text-align: center;
}
Now save and close your stylesheet file.
Step 4] Now upload all your files to your webspace using an FTP client or the built in one in CPanel or whatever control panel software your host uses. Voila you have your new beautifully centred fixed width site !
