Width and centering a theme

nameless · April 15, 2005, 07:25:17 PM

This is the first time I've played with SMF themes. YaBBSE themes were nice and simple. I managed to get the css to match my old YaBBSE/Enigma site. I just can't get the width and the forum centered.

What I am trying to do is make my forum similar to my Wordpress theme that I have successfully ported over to Coppermine. All I need to do is get my forum and I'm good to go. I am modifying Bloc's "mercury" theme. I have the following code to make the board to 760 pixels in style.css

Code Select

body
{
        background-color: #BAE3F8;
        margin: 0px;
        padding: 0px;
        width: 760px;
}

The board size changed but not the header area. I played around with the width's in the header in "index.template.php" but it did not change.

Can you tell me how I can get the forum in the center of the page? Right now this is what I have below (pic is oriented on the left side of the screen, I need board centered):

kurotenshi · April 15, 2005, 07:47:00 PM

Add somewhere after <body> to this

<div align="center" style="display: block;">

and before </body>

</div>

And do this in index.template.php

Or you could also do table to do samething

<table align="center"><tr><td> <-- this after <body>

and

</td></tr></table> <-- before </body>

nameless · April 15, 2005, 07:59:02 PM

Thanks for the quick response. I just tried both and nothing is showing now

Code Select

<body>';
	<table align="center">
	  <tr>
	    <td>

Code Select

echo '</div>';
        echo '
        </td>
       </tr>
     </table>
   </body>
</html>';
}

kurotenshi · April 15, 2005, 08:03:33 PM

Quote from: nameless on April 15, 2005, 07:59:02 PM
Thanks for the quick response. I just tried both and nothing is showing now

Code Select Expand
<body>'; <table align="center"> <tr> <td>

Replace that to:

Code Select


<body>
	<table align="center">
	  <tr>
	    <td>';

nameless · April 15, 2005, 08:37:50 PM

Thanks for the fast responses but everything is aligned but the board is still not centered on the page. Any ideas?

kurotenshi · April 15, 2005, 09:03:55 PM

Hmmh... I try by my self it too and not work... Darn.
I don't know what won't work *confused*

nameless · April 15, 2005, 09:40:13 PM

I'm freaking lost too, I removed the width entry and now it's in the center.

Code Select

body
{
        background-color: #BAE3F8;
        background-image: url(images/aloha-bamboo.jpg);
        margin: 0px;
        padding: 0px;
}

Where do I change the width value if I removed it?

kurotenshi · April 15, 2005, 09:50:42 PM

Try add it in <div> or <table> tag ie

<div width="760px" class="whatever">
<table width="760px" class="whatever">

I'm not sure will that work, but still can try

nameless · April 15, 2005, 10:02:55 PM

Nope, I tried that. I am not sure why it's not changing. THis is where I am at. What I am trying to do is put the board in between those bamboo pieces. I was able to get the board by setting it to 720 pixels but nothing else is moving. The bg for the bamboo is 760 pixels wide.

kurotenshi · April 15, 2005, 10:05:15 PM

Look Hendrix theme index.template.php and stylesheet. It has also made like that. It may help you a lot.

xyxis_fahim · February 01, 2007, 01:33:22 AM

For my index theme..i added

Search for

<div class="tborder" ', $context['browser']['needs_size_fix']

And right above it added--

<div align="center">

<table class="forum-width" border="0" cellpadding="0" cellspacing="0">

<tr>

<td width="90%" align="left" valign="top">

News:

Width and centering a theme

nameless

kurotenshi

nameless

kurotenshi

nameless

kurotenshi

nameless

kurotenshi

nameless

kurotenshi

xyxis_fahim