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
>
> Richard
Simple 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
******************************************************
- Re: [WSG] Float Clearing Problem - First item clears sidebar?... Ian Pouncey