Re: FN-FORUM: Floated images

date posted 5th April 2007 09:01

This probably isn't the best way of doing this but i've come across this
problem before and as a quick fix i simlply put an empty div underneath the
image content area and above the remaining content. I used a height of 1
pixel, set clear to both and a width of 100% and it seemed to do what i
wanted. Like i said, i'm sure theres a better way, this was just my solution
when i was in a hurry.

James

----- Original Message -----
From: "Steven Lavine" [EMAIL REMOVED]
To: [EMAIL REMOVED]
Sent: Thursday, April 05, 2007 8:58 AM
Subject: FN-FORUM: Floated images


>
> Hi I'm working on a demo site
>
> http://smartproducts.smartepos.co.uk/
>
> and I've hit a snag. I have a paragraph with a floated image, yet if the
> image is larger than the text, then items below, fill the gap. Is there a
> way of stopping this, I have tried positioning the side bars absolutely,
> and then using 'clear: both' on the lower div, but this screws the footer
> up (it goes under the side bars if the content is smaller. I have also
> tried leaving the side bars as they are and using 'clear: both', but the
> rest of the content goes below the side bars. Any help will be
> appreciated. I have been scratching my head over this for ages.
>
> --
> Regards,
>
> Steven Lavine
> Technical Director
> Beyond S & S Limited
> Beyond Simplicity... Beyond Style... Beyond S & S
> http://www.beyondss.com
>
> --
> Freelancers, contractors earn more with Prosperity4
> Call 0870 870 4414 or visit www.prosperity4.com
> and benefit from Inland Revenue approved expenses today.
>
> To advertise here: http://www.freelancers.net/advertising.html
>
>