X-Cart forums

[jwilkers]

Ok, can't get this one, so before I do something I never have in customizations of X-cart...ouch pay someone....I thought I would run this one by the gurus here.

On this 4.2.2 site, everything is good, except on the product page, and only in IE, my product details that should be to the right of the product image, are pushed down near the bottom of the page.

I'm amazed I got it this far, with the <div> structure that x-cart uses now. I had gotten too comfy with tables. So, I'm out of my league on troubleshooting this one.

Let me know if you see what the problem is!

Try it in FF or Safari, then you'll see the problem in IE

http://69.5.160.52/cart/Allegra-Platform-Bed-by-Abbyson-Living.html

[gizmo]

Could'nt even reach your site at time of posting to have a look!

[jwilkers]

Originally Posted by gizmo

Could'nt even reach your site at time of posting to have a look!

Yeah, that site has been acting up, it is reachable, but has been inconsistent

[cflsystems]

First move <div class="descr">contents</div> after the clearing div in the product-details div. Then either make your images smaller or width of the side bigger - right now the right side can be about 230px and is actually about 250px so it's getting pushed down in IE

[jwilkers]

Originally Posted by cflsystems

First move <div class="descr">contents</div> after the clearing div in the product-details div. Then either make your images smaller or width of the side bigger - right now the right side can be about 230px and is actually about 250px so it's getting pushed down in IE

Hey, thanks for taking some time to try and help.

The div in question is actually the "details" div.

I tried putting it after the clearing div, but no luck.

I guess next, I'll just try to reduce the 254 pixel wide images in that details div and see if that helps. There's really not anything telling the div how wide to be, so hopefully that will do it.

We'll see

[jwilkers]

Originally Posted by cflsystems

First move <div class="descr">contents</div> after the clearing div in the product-details div. Then either make your images smaller or width of the side bigger - right now the right side can be about 230px and is actually about 250px so it's getting pushed down in IE

Ignore my last post, you are indeed an X-cart Wizard.

My mind did not wrap around why what you were suggesting was going to work, so I did not implement it completely before dismissing it.

As my process always seems to be, if I walk away, and do other things, my subconscious chews on it, until I have that "aha" moment where my mind has put everything into place. I love how that works.

Thanks so much for your help.

Now if I can just figure out why the price in that details div has a space between the thousand and hundred digits, even though I've got the settings to display without a comma.

settings say it should be $1399

reality says it's $1 399

Oh well, it's like golf, it wouldn't be fun if it was easy.

[ARW VISIONS]

x-cart loves to put spaces in weird places

[jwilkers]

Funny how one thing starts to lead to another.

Now, if I add product options, which increases the height of the detail div in customer/main/product.tpl, the desc div we moved below the clearing div starts to migrate down the page, further with each option added.

I need to get my "div" on so I know what the heck is going on with the relationship between all these divs!!!

http://69.5.160.52/cart/Bedroom-Furniture-Set-by-Carolina-Furniture-Works-157850-157860-Maple.html

[cflsystems]

It seems to me now that you are trying to create 2 column layout for product details page? If that's the case move the description <div>descr</div> inside <div class="image">

<div class="image">
current contents
<div>descr</div>
</div>

You will also need to re-align the descr to left (as image column is center aligned)

[jwilkers]

Originally Posted by cflsystems

It seems to me now that you are trying to create 2 column layout for product details page? If that's the case move the description <div>descr</div> inside <div class="image">

<div class="image">
current contents
<div>descr</div>
</div>

You will also need to re-align the descr to left (as image column is center aligned)

Great! Thanks for sharing your div/xcart experience