[WSG] Float Clearing Problem - First item clears sidebar???

2006-08-04 Thread Richard Lake 
Help needed

See http://www.pricklypair.co.nz/rocket1/products.php?dept=cakes

All works well as long as the first product's height pushes it past the
sidebar. Where this doesn't occur the second product doesn't start until
after the sidebar. I've experienced this problem id IE6, FF1.5 and O8.5

The structure is roughly

Div product
  Floated Image
  Div product_text
Table
  end Div product_text
  br clear both
end Div product

Css validates, HTML validates apart from some errors caused by PHP inserting
hidden input fields outside the div.

I've tried display: table-cell and that solves the clearing problem but the
product div is only as wide as it needs to be.

Can anyone suggest a solution?

Thanks

Richard





**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**

Re: [WSG] Float Clearing Problem - First item clears sidebar???

2006-08-04 Thread Ian Pouncey 
Richard Lake wrote: Help needed
 
 See http://www.pricklypair.co.nz/rocket1/products.php?dept=cakes
 
 All works well as long as the first product's height pushes it past the
 sidebar. Where this doesn't occur the second product doesn't start until
 after the sidebar. I've experienced this problem id IE6, FF1.5 and O8.5
 
 The structure is roughly
 
 Div product
  Floated Image
  Div product_text
  Table
  end Div product_text
  br clear both
 end Div product
 
 Css validates, HTML validates apart from some errors caused by PHP inserting
 hidden input fields outside the div.
 
 I've tried display: table-cell and that solves the clearing problem but the
 product div is only as wide as it needs to be.
 
 Can anyone suggest a solution?
 
 Thanks
 
 RichardSimple fix, but I've only tested in Firefox. Float the content right..content { color: #636363; margin: .75em 0 .75em .75em; float: right;}Ian.

**The discussion list for  http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help**