strange html problem

[PaulGrimshaw]

Hi,

On this page:
http://www.madmash.com/acatalog/block-lighting.php

I have put a dot between one div and another (middle content: header box and the product box).

If i remove the dot then the whole product box disappears.

Any idea what is causing this? its driving me mad.

[pinbrook]

can you post the code please

I can't understand the problem just by looking at the page

[PaulGrimshaw]

Sorry!

I have uploaded a good and bad version for comparison.
Good: http://www.madmash.com/acatalog/block-lighting_ok.php
Bad: http://www.madmash.com/acatalog/block-lighting.php

Here you go, This is the code (with the dot - which could be any text!):

<form method="post" action="<actinic:variable name="OnlineScriptURL" value="Shopping Cart Script URL" />"> 
  <input type="hidden" name="SID" value="<Actinic:Variable Name="SectionID"/>" />
  <input type="hidden" name="PAGE" value="PRODUCT" />           
  <input type="hidden" name="PAGEFILENAME" value="<actinic:variable name="SectionPageName" />" />
  <Actinic:SECTION BLOB='<Actinic:Variable Name="SectionCatFile"/>'/>
  <input type="hidden" name="RANDOM" value="<actinic:variable name="Random" />" />
  <actinic:block if="%3cactinic%3avariable%20name%3d%22IsHostMode%22%20%2f%3e">
  <!-- Hidden field when in trial mode -->
  <input type="hidden" name="SHOP" value="<Actinic:Variable Name="HiddenFields"/>" />
  </actinic:block>
   <actinic:variable name="CartErrorListXML" />
   <div id="brand_headerbox" class="boxborders">
     <div id="brand_content">
     <actinic:block if="%28%3cactinic%3avariable%20name%3d%22Supplier%5fImage%22%20%2f%3e%20%3c%3e%20null%29%20OR%20%28%3cactinic%3avariable%20name%3d%22Supplier%5fWebsite%22%20%2f%3e%20%3c%3e%20Null%29%20OR%20%28%3cactinic%3avariable%20name%3d%22Supplier%5fForumID%22%20%2f%3e%20%3c%3e%200%29" >
	      <div id="brand_image">
         <actinic:block if="%3cactinic%3avariable%20name%3d%22Supplier%5fImage%22%20%2f%3e%20%3c%3e%20null" >
	         <IMG SRC="<actinic:variable name="Supplier_Image" />"><br>
         </actinic:block>
         <actinic:block if="%3cactinic%3avariable%20name%3d%22Supplier%5fWebsite%22%20%2f%3e%20%3c%3e%20null" >
	        <a href="<actinic:variable name="Supplier_Website" />" target="_blank">Visit Our Website</a><br>
         </actinic:block>
         <actinic:block if="%3cactinic%3avariable%20name%3d%22Supplier%5fForumID%22%20%2f%3e%20%3c%3e%200" >
	        <a href="http://collective.madmash.com/forumdisplay.php?f=<actinic:variable name="Supplier_ForumID" />" target="_blank">Visit Our Forum</a>
         </actinic:block>
       </div>
     </actinic:block>
       <h3 id="brand_name"><actinic:variable name="Supplier_Name" /></h3>
       <actinic:variable name="Supplier_Description" />
     </div>
   </div>
   .
   <actinic:variable name="ProductList" />
   <div id="brand_end" class="boxborders">
     <div id="brand_end_header">
       The following tags are associated with this <actinic:variable name="Supplier_Type" />:<br>
     </div>
     Name: <strong><actinic:variable name="Supplier_Name" /></strong><br>
     Genre: <strong><actinic:variable name="Supplier_Genre" /></strong><br>
     Keywords: <strong><actinic:variable name="Supplier_Keywords" /></strong><br>
     Description: <actinic:variable name="Supplier_Description" />
   </div>
</form>

Remove the dot above the product list and the product list div is no longer visible (but I can see it in the html).

[wjcampbe]

I see exactly the same in both versions EXCEPT the one with the dot has a larger grey space betweeen the two greenish divs.

[dscontroller]

It would appear that there is no opening <div> but there is an end </div> as follows:-

</div>
</actinic:block>
<h3 id="brand_name"><actinic:variable name="Supplier_Name" /></h3>
<actinic:variable name="Supplier_Description" />
</div>
</div>
.

David

[wjcampbe]

No, the opening <div id="brand_image"> is there - ten lines above.

[PaulGrimshaw]

Bill - both pages look the same to you except the gap? i.e. you see the product box on both containing the ring on both pages? If so, what browser are you using?

I just can't understand why some random text before the product list div fixes it!

I am off to work now so I will check in later if anyone has any ideas, if not I think Ill look at the whole html generated page and see if there are missing tags open or closed as thats probably the most likely thing.

Thanks all for your help,

Paul.

[wjcampbe]

Displays OK in Opera 9.2 and IE7 - problem does exist in Firefox and seems to be related to the many color:000 statements that should read color:#000

Try correcting that repeated error and see what happens