Subject: Re: [WSG] Help with making DIVs behave
Hi Rosie,
The div's not misbehaving, it's the floated image ... but that's how
floats are meant to work.
Clearing the float by adding dl { clear:both; } to your stylesheet will
give you what you want.
Cheers,
Mike
On Tuesday, June 8, 2004, at 11:46 PM, Rosie Norwood wrote:
> The page troubling me is: http://www.blackwork.com/test/sample.html
> The CSS is at: http://www.blackwork.com/test/stitches.css - the rules
> relating to the div class site is right at the bottom.
>
> I want the image to fill the div so that the div completely contains it
> and the bottom border appears after the image.
That will clear the lower image but you'll need to do the same for the
Archbishop Wood dl as well otherwise "Techniques" is next to the image and
the techniques themselves are below the image at1024 resolution, awkward
looking.
If you want the Techniques next to the images you need to rework the design
with multiple floats.
In either case, a look at float theory would be helpful:
http://www.positioniseverything.net/articles/flow-pos.html
drew
*****************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*****************************************************
