I'm trying to set up a "table" style column of boxes, using divs, each containing some text and a right-floated image. I'm using a percentage for the widths as the page needs to be fluid.
Is there a way to make the divs include the image as well as the text when resizing? At the moment if the text depth is less than the image height - the image drops out of the div box and messes up the box below.
I've tried min-height (which won't work) as well as within a child div containing the image and setting the height. Whenever I set the height, the div will not inherit the text - ie the text dops outside the box.
I can probably fix it with tables but that means huge chunks of code and shims etc.
I'd be very, very grateful if anyone can help
Is there a way to make the divs include the image as well as the text when resizing? At the moment if the text depth is less than the image height - the image drops out of the div box and messes up the box below.
I've tried min-height (which won't work) as well as within a child div containing the image and setting the height. Whenever I set the height, the div will not inherit the text - ie the text dops outside the box.
I can probably fix it with tables but that means huge chunks of code and shims etc.
I'd be very, very grateful if anyone can help