X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)
-   -   product details in IE....err my div is floating away (https://forum.x-cart.com/showthread.php?t=52318)

jwilkers 02-12-2010 04:42 PM

product details in IE....err my div is floating away
 
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 02-12-2010 07:43 PM

Re: product details in IE....err my div is floating away
 
Could'nt even reach your site at time of posting to have a look!

jwilkers 02-13-2010 07:13 AM

Re: product details in IE....err my div is floating away
 
Quote:

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 02-13-2010 07:24 AM

Re: product details in IE....err my div is floating away
 
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 02-13-2010 05:58 PM

Re: product details in IE....err my div is floating away
 
Quote:

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 02-14-2010 08:36 AM

Re: product details in IE....err my div is floating away
 
Quote:

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 02-14-2010 09:04 AM

Re: product details in IE....err my div is floating away
 
x-cart loves to put spaces in weird places :)

jwilkers 02-14-2010 04:15 PM

Re: product details in IE....err my div is floating away
 
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 02-14-2010 06:25 PM

Re: product details in IE....err my div is floating away
 
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 02-21-2010 12:36 PM

Re: product details in IE....err my div is floating away
 
Quote:

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


All times are GMT -8. The time now is 12:15 PM.

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.