How to change the site layout to fixed width.
 

Hey Guys:

I have been trying to figure out how to change the site layout to the fixed width.

I read the guide and eidt the file rectangle_top.tpl as follow but nothing happened. It dirves me mad and I don't know how to fix it. I am using 4.2 gold.
------------------
{*
$Id: rectangle_top.tpl,v 1.26 2008/08/21 09:52:40 max Exp $
vim: set ts=2 sw=2 sts=2 et:
*}
<table class="Container" cellpadding="0" cellspacing="0" width="{980"}">
<tr><td class="Container">
-------------------
PLEASE HELP!!:(

Re: How to change the site layout to fixed width.
 

I just found out I have to edit main.css file. I was able to change to width to 980px but everything is floating to right and the header width is still 100%, what should I do.

---
/*================================================= =============================
layout styles
================================================== ============================*/
/* page container */
#page-container {
min-height: 100%;
position: relative;
}
/* page layout */
#content-container {
clear: both;
float: right;
overflow: hidden;
position: relative;
width: 980px;
padding-bottom: 39px;
margin-top: 140px;
}
#content-container2 {
float: left;
position: relative;
right: 100%;
width: 200%;
}
#center {
float: left;
position: relative;
width: 50%;
left: 50%;

Re: How to change the site layout to fixed width.
 

you need to edit the page container
#page-container {
width: 980px;
min-height: 100%;
position: relative;
}


it would be best to put your page layout back to 100% also

Re: How to change the site layout to fixed width.
 

Thanks!!

It works but how can I make the site in the center. I change to "float" to middle or center but it didn't work.

Re: How to change the site layout to fixed width.
 

add this to your page container
margin: auto;

Re: How to change the site layout to fixed width.
 

Thanks, it works!!!

Re: How to change the site layout to fixed width.
 

It's strange, it worked for a while and now it doesn't work anymore. I contacted help desk and here is what I got but still doesn't work.
-------
Please try to modify the width parameter of the <table> tag in the following templates:
1. skin1/rectangle_top.tpl
replace width="{$width|default:"100%"}"
with width="980"

2. skin1/head.tpl
replace <table cellpadding="0" cellspacing="0" width="100%">
with <table cellpadding="0" cellspacing="0" width="980">

3. skin1/customer/home.tpl
replace <table width="100%" cellpadding="0" cellspacing="0">
with <table width="980" cellpadding="0" cellspacing="0">
---------------------

I couldn't even find the parameter in home.tpl!!

Anyone can help, please?

Re: How to change the site layout to fixed width.
 

It sounds like they gave you instructions for versions prior to 4.2. As far as I can tell 4.2 doesn't use rectangle_top.tpl (or rectangle_bottom.tpl) except on the admin side.

Re: How to change the site layout to fixed width.
 

I think you are right!! I have to edited main.css to change the width but I can't make it to center. I used Joe's code and it worked for a while but it doesn't anymore, I don't know why.

Here is Joe's code
--------------------
#page-container {
width: 980px;
min-height: 100%;
position: relative;
margin: auto;
}
-----------------

Re: How to change the site layout to fixed width.
 

Some how the code doesn't work anymore, can you help me out here. thanks in a million.:)

#page-container {
width: 980px;
min-height: 100%;
position: relative;
margin: auto;
}