how to align buttons on the product listing page on the same horizontal line?

[evaky]

Hi,

I want to align the buttons "details", "buy now" and "free shipping" to the bottom of the each product listing on the same horizontal level in all product list. Now, it looks a bit messy as some buttons are higher/lower than the others.

Please help! Can I add some div to some php files?

http://er2.com.au/index.php?main_page=index&cPath=1

Eva

[gjh42]

Find in your stylesheet.css

.centerBoxContentsProducts {
	border: 1px solid #cccccc;
	padding: 1em 0em;
	margin: 4px;
	height: 230px;
}

edit to this

.centerBoxContentsProducts {
	border: 1px solid #cccccc;
	padding: 1em 0em;
	margin: 4px;
	height: 235px;
	position: relative;
}

.itemCartAdd {
    position: absolute;
    top: 182px;
    width: 100%;
    }

.itemCartAdd+img {
    position: absolute;
    top: 227px;
    left: 27.5%;
    }

[evaky]

Thank you so much! It works!!!!!

[evaky]

Hi,

After I add the coding. It works perfectly in Firefox and IE8. However, if the page load in IE7 or below version, the button moves!! Please help, how can I fix it to be presented correctly in all browser.

[gjh42]

Older IE did not support the adjacent selector (.itemCartAdd+img), so would ignore that whole rule. I don't think there is a viable workaround for that short of rewriting code to add another class tag.
IE bugs for older versions are well documented and not related to Zen Cart, so your best bet is to google for them.