Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / IE - Double Price Box?

IE - Double Price Box?

Locked

Views: 599

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
13 Nov 2010, 6:48 AM
#1
coxdabd avatar

coxdabd

New Zenner

Join Date:
Aug 2010
Posts:
77
Plugin Contributions:
0

IE - Double Price Box?

Hi, I've created my template and all is looking pretty good so far. The only issue I seem to be experiencing is with IE on the product page, there appears to be TWO price boxes, I cannot understand for the life of me what the cause is.

Really appreciate some help, I'm sure it's probably something small.

http://www.chichairandbeauty.co.uk/bang/index.php?main_page=product_info&cPath=6&products_id=3

13 Nov 2010, 11:14 AM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: IE - Double Price Box?

This is what's causing the problem, I think:

<div class="prodPrice">

<div class="prodPriceContainer"> <div style="float: left; font-size: 16px; font-weight: bold; margin-top: 6px;">Online Price: </div><div style="color: #FF0000; font-size: 13px; float: left;"> <!--bof Product Price block --> <h2 id="productPrices" class="productGeneral"> £1,000.00<br /></h2> <!--eof Product Price block --> </div>

You added the red part, but you have the regular Product price Block inside that div, and you never closed two of the divs.

BTW, your product description is still messed up in IE6 and 7.

13 Nov 2010, 12:01 PM
#3
website_rob avatar

website_rob

Inactive

Join Date:
Oct 2006
Location:
Alberta, Canada
Posts:
4,572
Plugin Contributions:
0

Re: IE - Double Price Box?

Suggest you run the code through a validator and correct some or all of the errors.

http://validator.w3.org/

For Validation it is probably easiest to use the Validate by Direct Input; just copy & paste the page output. You will then have to search through the various Zen Cart Template files but this one is where to start:

includes/templates/mifsuds/common/templates/tpl_product_info_display.php

13 Nov 2010, 6:08 PM
#4
coxdabd avatar

coxdabd

New Zenner

Join Date:
Aug 2010
Posts:
77
Plugin Contributions:
0

Re: IE - Double Price Box?

stevesh:

This is what's causing the problem, I think:

<div class="prodPrice">

<div class="prodPriceContainer"> <div style="float: left; font-size: 16px; font-weight: bold; margin-top: 6px;">Online Price: </div><div style="color: #FF0000; font-size: 13px; float: left;"> <!--bof Product Price block --> <h2 id="productPrices" class="productGeneral"> £1,000.00<br /></h2> <!--eof Product Price block --> </div>

You added the red part, but you have the regular Product price Block inside that div, and you never closed two of the divs.

BTW, your product description is still messed up in IE6 and 7.

Hi there, many thanks for your message. So I'm presuming I need to add two extra closing DIVS to the code? I've tried using the validator, I've done a couple of the errors that says to rectify, but just messes up my layout, making it worse than when I started.

15 Nov 2010, 9:07 AM
#5
coxdabd avatar

coxdabd

New Zenner

Join Date:
Aug 2010
Posts:
77
Plugin Contributions:
0

Re: IE - Double Price Box?

So how can this be fixed? Apologies I'm still learning HTML, etc. Keen to learn but can't understand what is causing the problems and where I need to place the closing DIV.

15 Nov 2010, 10:58 AM
#6
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: IE - Double Price Box?

Use Admin - Tools - Developers Tool Kit to search for prodprice (which doesn't exist in a stock Zencart installation) to see the file where that was added.

I would just remove the part I highlighted and see if that fixes it.

If you didn't add it, you might want to contact your template designer.