Rick Pasotto wrote:
<http://niof.net/tmnc/lawards.php>
Near the bottom of the page is what I'm talking about. Using -13em
works perfectly on mozilla but shoves it off the screen on IE.
Using -6.5em works perfectly in IE but is too far left in mozilla.
(Hmmm. 2*6.5=13 -- is that a clue?)
How do I get it to work in both browsers?
As soon as my post appeared I saw the answer (sort of) in another
post. Setting display:inline *almost* fixes it. IE still isn't exact
but it's now close enough.
If you want it closer to the exact point -- cross-browser, you may want
to test out a few things.
- If the column you pull a float out of is given "HasLayout" in IE, then
the float-positioning will be affected. Generally: "HasLayout" makes it
more unstable.
- It is possible to strengthen a pull with negative margin on the right
side, with a pushing positive margin on the left side of the
right-positioned float.
- EM's are not calculated identical in IE and FF, so some variations may
appear. Alternative values for IE may fix that. If at all possible; use
px for this type of positioning, since that's more cross-browser reliable.
- There's a lot of instability in IE when it comes to this type of
floating. Sometimes it may be better to absolute-position such a
pull-out, in IE only. Depends on the surroundings (overlapping and so
on). IE is stable with AP.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
