How to center the content in the index page?

[avirat]

Hi,
I know it's a stupid question but I really need help.
Now the content on my index page is aligned to left, it looks good when the resolution is low, but, when the resolution is high a huge space is left blank on the right side.
I've 2 fragments on that page and I tried everything I can in the html code
1)body(margin:0 auto)
2)div(margin:0 auto)
3)Aligning the table to center
4)Inserting the <center> tag
but was unsuccessful, now, I need someone who can help me out. You can watch the page here:
http://www.getthroughguides.co.uk/acatalog/
Please help

[leehack]

align="center" added to the table tag should work.

[avirat]

Thanks for the suggestion, but, it's not working!

[Duncan Rounding]

Place a <center> tag around your table then in the layout - worked for me in FF.

[pinbrook]

I'd prefer to see the site using a fixed width, as screen resolutions are becoming wider and wider its very difficult to make a design work using fluid.

All centring will do is give you 2 smaller bits of white space either side of your central column rather than one big one to the right.

[leehack]

I'd prefer to see the site using a fixed width, as screen resolutions are becoming wider and wider its very difficult to make a design work using fluid.

All centring will do is give you 2 smaller bits of white space either side of your central column rather than one big one to the right.

+1 for me.

[avirat]

Hey Duncan I don't know whats messing up on my side?

[Duncan Rounding]

The attachment was made after adding the <center> tag using Firebug - it wasn't like that from your server.

[avirat]

!!<

<center>
<table width="550" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="550" height="400" >
<param name="movie" value="http://www.getthroughguides.co.uk/acatalog/shopping_cart_menu.swf">
<param name="quality" value="high">
<embed src="http://www.getthroughguides.co.uk/acatalog/shopping_cart_menu.swf" width="550" height="400" align="top" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
</object>
</td>
</tr>
</table>
</center>
>!!

This is my code which I've added to actinic fragment and it doesn't seem to work for me.

[Duncan Rounding]

You will need to add a <center> tag in the layout not in the fragment because it affects the placement of the fragment itself not the content within it. You're going to have to backup then roll your sleeves up and enter the Design tab.

[avirat]

You're going to have to backup then roll your sleeves up and enter the Design tab.

Yes I'm ready to take the risk, can u please guide me through the steps, I would really be grateful to you.

[avirat]

Hey the problem is solved! It's centered, I've added <center> tag to the "innerlayout" and it just worked for me. Thanks to everyone!

[Duncan Rounding]

I suspect you have now centered all the text within all the products and fragments by doing that.

Backup then follow the instructions as shown in the attached images. There are much neater ways but this quick hack will do what you are after.

As the others have mentioned - this theme is intended as a fluid theme, to stretch across the page. It's not really suited to do what you want.

[avirat]

Hey Duncan, many many thanks for the solution!!!