alignment problem firefox and explorer

[wesleythorne]

hi, i have a small problem on one of my sites.
The layout of the product template is changing in explorer quite badly compared with firefox. I know things will never be the same in both but explorer v6 looks awful.

The three orange colour boxes are out of alignment just below the main product image. In firefox they display ok, any ideas?
They are created from custom properties and jpeg files.

The link below will show what i mean.

http://www.littlesweetshop.co.uk/aca..._custards.html


Also the code for my product layout template is:

<!-- ProductLine HTML begin -->
<!-- Insert HTML for the top of the individual product -->
<!-- UPSELL SUPPORT START -->
<script language=JavaScript>
<!--
startnormal()
// -->
</script>
<!-- UPSELL SUPPORT END -->

NETQUOTEVAR:INCLUDE Act_ProductSeparator.html
NETQUOTEVAR:ENDSEPARATOR
NETQUOTEVAR:PRODUCTFORMBEGIN
<tr>
<td rowspan="2" colspan="2" valign="TOP" align="LEFT"> NETQUOTEVAR:TEMPLATEBEGINXML NETQUOTEVAR:PRODUCTIMAGE&nbsp;
NETQUOTEVAR:PRODUCTPRICE <span class="pricetext">CUSTOMVAR:QUANTITY <br><br></span>
<span class="nutstext"><b>Sugar Free:</b><img src="CUSTOMVAR:SUGARFREE" alt="NETQUOTEVAR:PRODUCTNAME"> <b>Gelatine Free:</b>
<img src="CUSTOMVAR:GELATINE" alt="NETQUOTEVAR:PRODUCTNAME"> <b>Gluten Free:</b><img src="CUSTOMVAR:GLUTENFREE" alt="NETQUOTEVAR:PRODUCTNAME">
</span></td>
<td valign="TOP" align="LEFT">
<span class="productname">NETQUOTEVAR:PRODUCTNAME</span>
<span class="actxsmall">NETQUOTEVAR:PRODUCTREF <br>
NETQUOTEVAR:PRODUCTDESCRIPTION&nbsp;NETQUOTEVAR:EXTINFOLINK</span>NETQUOTEVAR:EXTINFOBUTTON
<br>
<span class="actxsmall">NETQUOTEVAR:PRODUCTBEGINLINKNETQUOTEVAR:PRODUCTLINKTEXTNETQUOTEVAR:PRODUCTENDLINK
NETQUOTEVAR:PRICEEXPLANATION </span><br>
<span class="actxsmall">NETQUOTEVARISCOUNTINFO </span>
<span class="actxsmall">NETQUOTEVAR:OTHERINFOPROMPT </span>
<span class="actxsmall">NETQUOTEVARATEPROMPT </span>
</td>
</tr>
<tr>
<td align="LEFT"><span class="actxsmall">
NETQUOTEVAR:CARTERRORXMLNETQUOTEVAR:PRODUCTQUANTITY<br>
<Actinic:ACTIONS>NETQUOTEVAR:ADDTOCARTBUTTON</Actinic:ACTIONS>
</span>
NETQUOTEVAR:TEMPLATEENDXML
</td>
</tr>
NETQUOTEVAR:PRODUCTFORMEND
NETQUOTEVAR:NEXT
<!-- Insert HTML for the bottom of the individual product -->
<!-- ProductLine HTML end -->

[jont]

Hi Wesley - unable to view the linked page above!

Most positiong errors in IE are due to empty border and margin attributes in the CSS ... may be worth zeroing (or at least setting them explicitly) any classes that are affecting the image layouts

[wesleythorne]

hi, starnge the link dose not work,
http://http://www.littlesweetshop.co..._custards.html

IF I use a larger image the display is ok, im not too hot on css, any idea what i need to look for.

Thanks
wesley

[pinbrook]

clicking on the link in the post above takes me to

http://www.w3.org/Protocols/

[wesleythorne]

hi, sorry the linkhas one too many http:/ at the beginng i copied and pasted the link into actinics link button without nowing it puts a http in there for you.

I am going to put the image sizes in they are 30px height and width, i have also revmoved the class tag around the custom propertys.

Will see what happens

[wesleythorne]

well that didnt help. All is ok with a larger image, its just smaller product images which upset the layout.

Is it possable to add the images size to the product image?
I see it is made up of nqv productimage

http://www.littlesweetshop.co.uk/aca..._custards.html

[jont]

Still unable to view the site.

Have you tried setting an explicit width for the first table cell?

[wesleythorne]

hi, i shall try that now. the link works ok for me if i click on it in firefox.

[wesleythorne]

not having any luck with this.

[wjcampbe]

Wesley,

If you are saying you want the orange images to line up vertically, would you not show image first then text? This way when the Gluten free rolls to the next line...

[wesleythorne]

hi, I want them to aligh horizontal .
Wesley

[Bruce]

Wesley,

The link above now shows the images aligned Horizontal. Looks like your issue was sorted.

Kind regards,