weird layout problem

smarta · #1 01-17-2012, 07:45 PM

hi

two pages of one of my carts are displaying with a weird layout

it appears that these pages are calling the bottom template too early and that pushes the menu down below the product listings

here is that the page should look like
http://ntphealthproducts.com.au/cart/Current-Specials/

these are the two pages that are not displaying correctly
http://ntphealthproducts.com.au/cart/Flora-Chocolate-Truffles/
http://ntphealthproducts.com.au/cart/Current-Specials/?page=2

it does not seem to be product related and I have made the product it appears "not available" and the next product just moves up and the problem still exists

can anyone help me out ??

smarta · #2 01-17-2012, 10:07 PM

on analysing the code in Firebug for both the Current Specials page

the incorrect page has the following code
<body class="normal-page"><img role="presentation" class="twisty "><div id="page-container">
<img role="presentation" class="twisty "><div id="page-container2">
<img role="presentation" class="twisty "><div id="content-container">
<img role="presentation" class="twisty "><div id="content-container2">
<img role="presentation" class="twisty "><div id="center">
</div>
</div>
<img role="presentation" class="twisty "><div id="left-bar">
</div>
</div>

and the correct page has

<body class="normal-page"><img role="presentation" class="twisty "><div id="page-container">
<img role="presentation" class="twisty "><div id="page-container2">
<img role="presentation" class="twisty "><div id="content-container">
<img role="presentation" class="twisty "><div id="content-container2">
<img role="presentation" class="twisty "><div id="center">
<img role="presentation" class="twisty "><div id="center-main">
</div>
<img role="presentation" class="twisty "><div id="left-bar">
</div>
</div>

the page is throwing in an extra </div>
I think thsi si what is throwing the menu ("left-bar") to the bottom of the page
given it is using the same template etc any idea why this is occuring ?

cflsystems · #3 01-18-2012, 06:50 AM

Use validator.w3.org to validate the site, it will tell you where that extra div is

smarta · #4 01-18-2012, 12:36 PM

thanks steve - I can see where they are - just don't understand why one page has an extra </div>

I would have thought all the pages with identical layouts should have the same code (excusing the different products)

it would seems to me that it is not template related - but may be something in the layout code that is causing it
(pardon my ignornace but I ain't no expert in this kind of stuff!)

is it something you could take a look at and if so what would the charge be (I haven't been too impressed with price or service from the folk as x-cart lately)

cflsystems · #5 01-18-2012, 02:54 PM

You have something that is differnet on that page and it has additional div in it. Some language variable, or other text. You can email with details if you need professional help with this

smarta · #6 01-18-2012, 06:18 PM

yes - I realize what the problem is - I was just hoping someone could explain to me why it is happening

smarta · #7 01-18-2012, 09:07 PM

I mean is it something I can fix with editing templates or css - or is it a deeper problem?

gb2world · #8 01-19-2012, 12:16 AM

It is what I advised you in the other thread you opened - you have an extra </div> inside one of your product descriptions.

Look at the description for the product called: Bija Hazelnut - If you look closely at the page - you will see that things start falling apart with that product.

You need to look at the product description - but not using a WYSIWYG editor. You will see that there is an unmatched </div> inside that description right after "Click on the image for a list of ingredients"

If that does not clear it up - you have to look at the W3C report - where you have a errors with tags opened and not closed, or extra closed tags reported - those need to be fixed, or you are likely to have cross-browser display problems. If you have not modified the templates - the issues are probably inside the product descriptions and language variables that you updated with a WYSIWYG by pasting from another source.

---

---

Toora Designs · #9 01-19-2012, 01:07 PM

Yes, you can fix like gb2world said if the error still appears http://validator.w3.org/ can help you check the errors.

extra </div> is causing all this. You will have to fix this in html editor not in WYSIWYG editor

smarta · #10 01-19-2012, 02:50 PM

you guys are awesome !!

thanks so much - as you said there was an extra </div> in the product descriptions of two of the products in a particular category

I knew it had to be coming from somewhere

I guess it came from my clients copy & pasting from word into the wysiwyg editor