> -----Original Message-----
> From: [EMAIL-REMOVED] [mailto:css-d-
> [EMAIL-REMOVED]] On Behalf Of Robert Lane
> Sent: 28 April 2009 21:37
> To: Css-Discussion Group
> Subject: [css-d] formatting a Ul to not wrap around a floated image
> The issue page is here: www.lane-consulting.com/Tests/PRA/BIRC.php
> I have been fiddling with this page and I am at least getting
> behavior from what I can see in IE 6/7/8 and FF3
> But, the issue I have is this:
> * An unordered list starts about 2/3 of the way down alongside an
> image that floats left
> * The list has 8 items
> * Items 1-4 flow along the right side of the image
> * Items 5-8 are below the bottom edge of the image - so they flow
> the left margin of the containing div below the image.
> Ideally I would like to have all the 8 bullets stay lined up in a
> straight line and leave white space below the image until the end of
> UL bullet list items.
> Is there a way to do this using CSS?
What is happening is that the list is wrapping around the floated image. If
you want the list to be on the left you will need to wrap all the text on
right hand column in a div that is floated right. Clear the floated divs and
have "Treatment Approach" in a div below.
I will leave the code to you unless someone else has a bit more time.
One St Colme Street
Tel: +44 131 220 8499
Mob: +44 7831 127 524
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/