'Buy' & 'More' Outta The Box

[Guest LALING]

On this page here http://www.funkhosting.net/store/index.php...viewCat&catId=3 the 'Buy' and 'More' buttoms are out of the box. How can I fix this?

[markscarts]

Nice work on the skin! I have the same problem at CC3.biz, but it hasn't bugged me enough to fix it

It is a cross-browser issue, displays just fine in IE in case you didn't know. If I have time to fix it, I'll give you the code.

[Guest LALING]

Ahhh, I figured it was a Firefox browser issue. Eh, it's okay though.

[markscarts]

OK LALING, due to an IE issue with Buy and More buttons, I've had to sort all this out. Here is the part that will cure your problem with FF displaying the buttons "out of the border"

Problem is due to nowrap statement on table cell, and lack of width dimension setting. Try this:

OPEN your skin's styleTemplates/content/viewCat.tpl

FIND this code:

	<td align="right" nowrap='nowrap' class="{CLASS}">

REPLACE it with this code:

	<td align="right" width="75" class="{CLASS}">

If necessary, you may adjust the width="75" up or down to get the sizing perfect for your site's font size, etc.

[Guest Brivtech]

URGH! I had a similar problem with a template I was working on. Everything was working great in FF, and when I went to IE, all the margins had disappeared, so I had to add in cellpadding into some of the tables to fix it.

Not 100% pleased with the result, but it did the job, and the difference is barely noticeable, just a few pixels difference.