X-Cart forums

[heather@MX1]

this is driving me crazy, I am fairly new to x-cart and just learning CSS, html, tpl editing, and I've been using Firefox with firebug & webmaster mode to make some changes, but this has me stumped....I've edited the product details.tpl to have the product price display above the description (default template has it below description)...looks fine in Firefox, but IE totally cuts off the price. I've also edited altskin.css. Then there's main.css, mainFF.css, mainFF2.css, main.IE6.css, main.IE7css and I have looked at the IE css files, but I just can't figure this out. I friggin HATE IE. Most of all I hate not being able to figure this out, after 6 hours. Any input would be very much appreciated! here's an example, by the way I'm using the chromo template for 4.3.1:

http://www.mx1canada.com/mitas-c-16-110-100-18-rear.html

pleeeese, any comments to point me in the right direction to fix this....

[7thdesire]

in your css try

display: inline;

also the 3 <spans> you are useing could be an issue you could try <font> instead

[cflsystems]

Get IE Developer Toolbar to use with IE. When it is not even close to what Firebug is it can still help you. Don't use inline styling, use css instead.
Try adding width to prices-block style - width: 200px; - will show the price
Remember MS thinks they are big enough to not obey any rules unfortunatelly

[heather@MX1]

thank you both for taking the time to respond, that fixed it, now looking at your suggestion Steve it makes total sense to me