Eliminating wrap-arounds

Is there a way of controlling the height of the description box, so the add cart box will lie directly under it no matter how long the product description text is?

Also just tested my site on IE browser and the layout is all over the place, and multiple images don't show. Anyone else have problems with IE?

Are you using the latest version of the contribution?
http://www.zen-cart.com/index.php?main_page=product_contrib_info&products_id=672

Yes.

I removed the css stylesheet, and everything was fine though. So there must me something wrong with it. Can you spot anything:

/beginning of Product Display code/
#productImageWrapper {
float: left;
width: 120px;
}

#productDescriptionWrapper {
width: 320px;
margin-left: 380px;
background-color: #FFFFF;
}

#productAdditionalImages .additionalImages a {
float: left;
margin-left: 10px;
}
/* end of Product Display code */

http://monkeypeach.co.uk/index.php?main_page=product_info&cPath=7&products_id=12

The stylesheet is there for your convenience, as an example.
It is clear from the instructions that you have to customize it.
It is just something that works on my site, it might not work in yours.
However, the selectors that you have to use are there, just play around with the values.

margin-left: 380px;

value in included stylesheet is 120px;
380 seems way overblown.

I guess I'll have to use another way of getting the additional images under the main pic.

380 isn't overblown when you consider how small your main image is to mine. ;) It would overlap otherwise.

You can make a thumbnail of large image and a link to it, or use Lightbox as I do.
Try clicking on any main image in my site and you will see what I mean.

#productImageWrapper {
float: left;
width: 120px;
}

If you need 380px of margin to clear your main image, limiting the image wrapper to 120px is likely to cause problems.

gjh42:

#productimagewrapper {
float: Left;
width: 120px;
}

if you need 380px of margin to clear your main image, limiting the image wrapper to 120px is likely to cause problems.

welcome back!!

Hi,

I installed this mod but my product description fall below the pics in IE how can I fix that. Here is the preview page:

http://localautonj.com/zencart/index.php?main_page=product_info&cPath=1_2&products_id=6

kpeer410:

Hi,

I installed this mod but my product description fall below the pics in IE how can I fix that. Here is the preview page:

http://localautonj.com/zencart/index.php?main_page=product_info&cPath=1_2&products_id=6
Try commenting out line 72 of tpl_product_info_display.php, like so:
/* <br class="clearBoth" /> */
Let me know the outcome, please.
There's another one on line 113, try that one too.

One more thing: I am pulling the class "clearboth" from the main stylesheet; if you tweaked the stylesheet, and the class isn't there, it won't work.
You might want to use HTML instead, like so:
<br clear="both" />

I commented out both lines and still the same.

kpeer410:

I commented out both lines and still the same.
The only thing that can cause that effect is the <br /> tag, discussed above.
Try using the html version, or reuploading the template to your site, maybe it got corrupt over ftp transfer.
Please post your main CSS, additional images CSS, and template you are using in a zip file here, so I might take a look.
Thanks.

I haven't used this Mod but in checking code for the page mentioned, I can see there are coding errors in the UL that should be corrected.

Incorrect

Correct

After that, if IE is still giving you problems, see if you can make the width of your id="productDescription" DIV smaller. Right now it is 320px which might be too wide for IE. Try 300px and see what happens.

I think the problem is solved because I am drawing a brainfreeze on where to find id="productDescription" to adjust the px. So I went into the additional images sheet and adjust the 295px to 270px and that fixed it. But I would like to adjust the id="productDescription" px. What sheet is that on?

That is CSS coding so it should be in your 'stylesheet.css' file.
If not, insert it and add your own selective. (i.e. width:300px)

You still have errors with your UL code. All<li> need a closing </li>

Website Rob:

That is CSS coding so it should be in your 'stylesheet.css' file.
If not, insert it and add your own selective. (i.e. width:300px)

You still have errors with your UL code. All<li> need a closing </li>
Firefox is more forgiving of these errors than IE, that is one probable cause for different behaviors.
You can find
#productDescriptionWrapper {
width: 320px;
margin-left: 120px;
background-color: #f0e68c;
}
in your stylesheet_additional_images.css

Also, you shouldn't put a <br /> inside a ul.
The li tag creates a line by itself.
Syntax is like so: