IE6 Where Do I Remove <br class="clearBoth">?

gjh42:

Do you want the additional images in a column below the main image, with the text to the right? In that case, add this to the bottom of your stylesheet:```
#productDescription {margin-left: 150px;}

.additionalImages {
width: 150px !important;
float: left;
clear: both;
text-align: left;
padding: 5px;
}

.additionalImages+br.clearBoth {display: none;}

> The .additionalImages+br.clearBoth is needed to turn off the <br class="clearBoth"> so the text can rise to the top. 
> Note that this will be ignored by IE6 and not function there, so the best fix is to remove the <br class="clearBoth"> from the bottom of the additional images code.


I'm fairly sure this solves the problem I have of my product description being below my images (only if I have additional images for that product) when viewing with IE6.
They are fine viewing with Firefox

So where do I removed this <br class="clearBoth"> from please?

I've commented out a <br class="clearBoth"> from tpl_columnar_display.php which brings the product description up inline with the top of the additional image in IE6.

In Firefox it shows correctly inline with the top of the main image.

Could someone please point me in the right direction to have it show correctly in IE6?

Kai,
Part of your problem may be that you are relying on the HTML editor to create your product descriptions. For example, for product ID 16> <font face="verdana,arial,helvetica,sans-serif">

<p><b>Papers:</b><br /> 10 papers<br /><br /> <b>Elements:</b><br /> 2 fasteners<br /> 2 flowers<br /> 2 frames<br /> 2 journal blocks<br /> 2 paperclips<br /> 2 folded ribbons<br /> 2 twisted ribbons<br /> 2 scalloped ribbons<br /> 2 crossed staples<br /> 2 beaded strings<br /><br /> <b>Alpha:</b><br /> A-Z a-z 0-9 Alpha<br /></p> <p>Please ensure ALL the boxes are CHECKED.</p> <p>This is a downloadable product, nothing physical will be sent to you.</p></font> would be better if it were> <p style="font:verdana,arial,helvetica,sans-serif"><b>Papers:</b><br /> 10 papers<br /><br /> <b>Elements:</b><br /> 2 fasteners<br /> 2 flowers<br /> 2 frames<br /> 2 journal blocks<br /> 2 paperclips<br /> 2 folded ribbons<br /> 2 twisted ribbons<br /> 2 scalloped ribbons<br /> 2 crossed staples<br /> 2 beaded strings<br /><br /> <b>Alpha:</b><br /> A-Z a-z 0-9 Alpha<br /></p> <p style="font:verdana,arial,helvetica,sans-serif">Please ensure ALL the boxes are CHECKED.</p> <p style="font:verdana,arial,helvetica,sans-serif">This is a downloadable product, nothing physical will be sent to you.</p> or simply > <p><b>Papers:</b><br /> 10 papers<br /><br /> <b>Elements:</b><br /> 2 fasteners<br /> 2 flowers<br /> 2 frames<br /> 2 journal blocks<br /> 2 paperclips<br /> 2 folded ribbons<br /> 2 twisted ribbons<br /> 2 scalloped ribbons<br /> 2 crossed staples<br /> 2 beaded strings<br /><br /> <b>Alpha:</b><br /> A-Z a-z 0-9 Alpha<br /></p> <p>Please ensure ALL the boxes are CHECKED.</p> <p>This is a downloadable product, nothing physical will be sent to you.</p> since verdana is the default and you're not changing any sizes.

Font tags can't go outside one paragraph much less surround three.

You also have some instances where an id of whatsnew is used twice on a page. Class calls can be used more than once but not ID.
Since you have firefox, get a copy of HTML Tidy Validator and use it on your pages. Once you get those tightened up, you may find that the other problems fall into place.

You're right and the <font> tags was a silly mistake on my part, that I've copied on each item.
I have corrected that, but it doesn't change anything IE6.

When viewing a product with additional images the product description is inline with the top of the first additional image and not the main image.
In all other browsers the description lines up with the top of the main image.

I don't use any HTML editors. I simply use notepad++.

I've not touched anything regards "whatsnew", except via the admin/config/max values, so I can't comment on the times it is called.

I don't use Firefox, but I do have Firefox, Opera and Netscape for testing purposes. IE is my choice of browser for me personally.