Center the Latest Products

[Guest oldboy]

This is the code for the index.tpl

<!-- BEGIN: latest_prods -->

		<div class="boxContent">

		<div class="txtContentTitle">{LANG_LATEST_PRODUCTS}</div>



				<div style="margin-top: 10px;">

				<!-- BEGIN: repeat_prods -->

						<div class="latestProds">

								<a href="index.php?act=viewProd&productId={VAL_PRODUCT_ID}"><img src="{VAL_IMG_SRC}" alt="{VAL_PRODUCT_NAME}" border="0" title="{VAL_PRODUCT_NAME}" /></a>

								<br />

								<a href="index.php?act=viewProd&productId={VAL_PRODUCT_ID}" class="txtDefault">{VAL_PRODUCT_NAME}</a>

								<br />

								<font size="4" face="Arial Bold" color="#fb9832"><b>{TXT_PRICE}</b></font> <span class="txtSale">{TXT_SALE_PRICE}</span>

						</div>

				<!-- END: repeat_prods -->

				<br clear="all" />

				</div>

				<br clear="all" />





		</div>

<!-- END: latest_prods -->

  



The style for latestProds in layout.css looks like this:

.latestProds {

		float: left;

		text-align: center;

		width: 131px;

		height: 150px;

}

I cant manage to center the floating images, as float has only following values:

left

right

none

Any suggestions how to get is centered??

Se the store here http://www.houseofdap.com

[markscarts]

They look well-centerd in FF at 1024 x 768

You are using the Killer skin (liquid width) so it would be impossible to have these centered using the cubecart code for floating the divisions, and still keep the center section liquid. You could specify a width for the "pallette" that ccontains latest prods and center them using margins, or you could recoded the php file to produce centered rows of a table, but IMO it is better to leave it as it is. :P