Announcement

Collapse
No announcement yet.

section layouts - firefox/chrome messing up?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    section layouts - firefox/chrome messing up?

    My product 'sections' aren't displaying correctly in Firefox or Google Chrome - in Internet Explorer (9) its exactly as it should be...

    I have applied the standard 'CSS Section Link Layout' to my sections - customised as follows:

    Code:
    <div class="product_list">
    	<div class="image_product"><a href="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable name="SectionPageName" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" /></actinic:block>" target="_self"><img alt="<actinic:variable name="SectionName" encoding="strip"/>" src="<actinic:variable Name="SectionImageFileName"/>" border="0" /></a></div>
    	<div class="section_description><h3 class="product"><a href="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable name="SectionPageName" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" /></actinic:block>" target="_self"><actinic:variable name='SectionName'/></a></h3>
    	<actinic:variable name='SectionDescription'/>
    	</div>
    </div>
    The CSS used in this layout is:

    Code:
    .product_list	{
    	margin: 20px 0px 20px 0px;
    	}	
    
    .image_product	{
    	text-align: center;
    	float: left;
    	width: 180px;
    	}
    
    .section_description {
    	float: left;
    	width: 325px;
    }
    The page can be viewed here: http://trials.actinic.com/trials/trial67531/shop.htm

    The first and 4th product/section displays correctly, but the 2nd, 3rd and 5th products all have the text wrapping beneath the image, rather than floating right.

    Any ideas??

    #2
    no closing quotes after class declaration of section_description.

    Comment


      #3
      As simple as that - and I'd gone through it so many times and still not noticed

      Thank you

      Comment

      Working...
      X