Posted by windandwaves on 06/19/05 03:17

Hi Gurus

I have been working on www.waimanapoint.co.nz. In this design, I use two
background images. I found that if I wanted to show a background image in a
div, I had to set the height of that div - just having another div in the
div (e.g.

<div id="background-image-one">
<div>
lots of text
</div>
</div>


) with lots of text to give the parent div height did not show the
background image that was set in the parent div.

Using height is problematic, because if the text in the child div would
require more height than the height set then you have to start using things
like overflow and that gets ugly real quickly.

I then discovered min-height, but apparently IE does not support that (not
sure about older browser either), so I ended up adding an image of 1px wide
and the intended height of the div to create a min-height.

I am sure that there is a more graceful way to solving this problem. What
would you suggest?

Thanks in advance

- Nicolaas

[Back to original message]