By aditogs on

Hi,

Me again - sorry!

Ok. Struggling on this one.

Trying to center bluemarine (have adapted to fixed width.)

Have the body in a container in page.tpl

print $onload_attributes >

On style.css have container as:

/* Whole Container */
#container {
width: 800px;
margin-right: auto;
margin-left: auto;
font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 1.6em;
color: #666;
background-color: #FFF;
}

What am I doing wrong? Anyone? Have fiddled with allsorts (including left and right sidebar attributes, etc, but nothing works!

Please ....

Comments

barry’s picture

barry commented

try adding 

body {
  text-align:  center;
}

div {
  text-align:  left;
}
aditogs’s picture

aditogs commented

Still hugging the left hand side! (grr)

If on page.tpl I put everything in a big table and centered the table would that work?

Running out of ideas...

barry’s picture

barry commented

I'm certain that should work, thats how i've done it on my site. Have you tried stripping out everything inside the div to figure out if theres some code inside it messing things up?

aditogs’s picture

aditogs commented

Hi,

For any one thats interested (including my future self)

To centre a fixed width theme:

1) Amend page.tpl.php with a new <div> that encompasses all the body.

</head>
<div id="container">
<body<?php print $onload_attributes ?>> 

etc, etc </div>

2) In style.css Replace whatever you have for #container and #body with:

/* Whole Container */
#container {
width: 800px;
margin-left: 50;
margin-right: auto;
font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;
line-height: 1.6em;
color: #666;
background-color: #FFF;
float:center;
}

body {
margin: auto;
width: 800px;
}

It works for me anyway!!

Good luck

hectorplus’s picture

hectorplus commented

I tried your code for my site, it did work, however, if you need a diferent background for you page, the colors dont work.
Say i need a blue background, white content. how do i go about doing it?
The way i have it now is i have another table around the page.tpl.php, with a width of 98%, i set the css body tag to white. It works for me.

here's the page: http://migraservicios.canadianlatinbusiness.com/

It might not be the best solution, but it works for me. If you have a CSS alternative to my situation, i would like to know it. Thanks.


tecito.com


Comunidad Latina en Canada, regístrate ya! Join the growing latin community in Canada.