|
|
Posted by Neredbojias on 10/14/05 03:49
With neither quill nor qualm, rf quothed:
> 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.
I see. I was under the impression that positioned elements could not be
floated...
(w3c css2 spec re. floats: "Applies to: all but positioned elements and
generated content")
....but apparently by "positioned elements" the illustrious wucccy meant
"absolutely positioned" elements which further seem to mean elements
positioned in either the absolute or fixed variety (but not relative).
Nice fix, btw.
--
Neredbojias
Contrary to popular belief, it is believable.
Navigation:
[Reply to this message]
|