Posted by rf on 10/14/05 01:19

Neredbojias wrote:

> With neither quill nor qualm, rf quothed:
>
>> guttyguppy@gmail.com wrote:
>>
>>> Check out http://fieldii.com/pain.html in firefox, and then in IE6.
>>> Notice the callouts getting covered up in IE6? Is there a hack?
>>
>> Yes (Nerodbojias) there is a hack.
>>
>> Negative margins will not allow (in IE) the callouts to break outside their
>> container but relative positioning will.
>>
>> For the left, remove
>> margin: left;
>>
>> Add
>> position: relative; left: -50px;
>>
>> To fix up the text flow change
>> margin-right: 10px;
>> to
>> margin-right: -40px;
>>
>> Similar (but the other way round) for the right callout:
>>
>> position: relative;
>> left: 50px;
>> margin-left: -40px;
>
> Well, I was going for a hack for the floats. Anybody could do it with
> relative positioning.

It's relatively positioned *as well as* floated.

--
Cheers
Richard.

• Next in forum: Website Tree generator?
• Prev in forum: Re: SPAN with DIV features
• Thread view: Re: Another CSS question: IE6 negative margin problem

[Reply to this message]