Posted by Lauri Raittila on 06/19/05 03:30

in alt.html, windandwaves wrote:
> Hi Gurus
>
> I have been working on www.waimanapoint.co.nz. In this design, I use two
> background images.

Why? What do you mean?

> I found that if I wanted to show a background image in a
> div, I had to set the height of that div

If your div is empty, that is usually best.

[useless example snipped]

> - just having another div in the div
> with lots of text to give the parent div height did not show the
> background image that was set in the parent div.

That sounds strange, and when looking your website, I see 2 columns. You
are floating them? Or positioning them? that would cause it, of course,
as floated or absolutely positioned stuff is taken put of flow.

> Using height is problematic, because if the text in the child div would

Right. It's better to avoid setting it.

> 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.

You don't need image, you can use empty element. Or you can use height
for IE and add display:table for others (to get strechy box IE has.)

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

If I only knew what exactly is your problem...

BTW, box with your address and stuff in it needs min-width, or be big
enough, I get text overflowing to left, and as it is white on white it
gets hard to read...

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Utrecht, NL.
Support me, buy Opera:
https://secure.bmtmicro.com/opera/buy-opera.html?AID=882173

[Back to original message]