Posted by Tomasz Chmielewski on 11/30/07 10:39

Ben C schrieb:

(...)

>> Expected result: "left column" and "right" column" written on respective
>> parts of the image. The image is available here: http://wpkg.org/sub2_bg.png
>>
>> Result: IE6, IE7 - OK
>> Firefox - image is not displayed
>>
>> When "float:left;" is commented out in #left_column, the image is
>> displayed in Firefox (but then, the text in the columns is messed).
>
> It's because your containing div has zero height, because it doesn't
> have any contents, except for floats, which don't count.
>
> IE is getting this wrong.
>
> Give #wrapper overflow: hidden and it will grow to the height of the
> floats and you will see your background images.
>
> And get rid of width:100% on #wrapper, it's pointless (unless it's for
> some weird IE bug I don't know about).

Indeed, I needed "overflow: hidden" - thanks a lot.



--
Tomasz Chmielewski
http://wpkg.org

• Next in forum: Re: Does this page work in your Firefox?
• Prev in forum: Re: affordable website design
• Thread view: Re: [CSS] background image disappears in Firefox when "float:" is used

[Reply to this message]