Eliminating wrap-arounds

[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...&products_id=6

[ckosloff]

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...&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.

[ckosloff]

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" />

[kpeer410]

I commented out both lines and still the same.

[ckosloff]

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.

[Website Rob]

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
<ul><br /><li>Vehicle Make: Ford<br /><li>Vehicle Model: Explorer<br /><li> ...

Correct
<ul><li>Vehicle Make: Ford</li><li>Vehicle Model: Explorer</li><li> ...


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.

[kpeer410]

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?

[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>

[ckosloff]

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

[ckosloff]

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