Layout appears stretched in explorer but okay firefox?

[Suze]

Hello

We have recently uploaded two new sites, both of which appear fine in firefox. However when viewed in internet explorer (version 8) the layout stretches if the text exceeds two lines on product sections. For example please view following page in firefox and explorer:

http://www.dartdentalshop.co.uk/acat..._Products.html

This is okay though when the product descriptions are shorter than two lines under the pictures:

http://www.dartdentalshop.co.uk/acat...ntal_Care.html

Any help really appreciated! The original layouts were created in dreamweaver using tables. The main content width is 910px. I am using actinic 8 btw...

I am using a specific layout for the small product images and text underneath which I created in design view:

<actinic:block if="%3cactinic%3avariable%20name%3d%22FragmentAnchor%22%20%2f%3e%20!=%20%22%22">
<a name="<actinic:variable name='FragmentAnchor' />"></a>
</actinic:block>
<table width="100%" cellspacing="0" cellpadding="10" border="0">
<tr>
<td width="100%" valign="top" align="center">
<actinic:variable name="FragmentImage" />
<b><actinic:variable encoding="actinic" name="FragmentTitle" /></b>
<br />
<actinic:variable formatting="font(Color|ff6600),bold" encoding="actinic" name="FragmentText" />
</td>
</tr>
</table>

[fergusw]

Susie,
I can see the issue, however it is to do with the overall width and layout of your content area.
A quick look seems to indicate that you have some missing colspan="3" attributes in your main layout table for the center content which is not causing an issue in FireFox but IE is interpreting this differently.

Examine your table structure closely to see if you can spot where the invalid HTML is coming in.
Once this is resolved the width in IE should be correct thereby rectifying the line wrapping you are seeing.

Alternatively, look at getting the website designed using CSS for layouts rather than tables, which will massively help you website in a number of ways.

[Suze]

Hi - it's the fragment layout that is causing the problem in actinic. If I switch to fragment layout using CSS there is no problem. Could I alter this code so it is padded a bit somehow as it makes the product images go right against the side bar:

http://www.dartdentalshop.co.uk/acat..._Products.html