1. The trick with "left:50%" parent div and negative child div margin has the
shortcoming - it cuts left side a bit. So it is possible to scroll only to the right, and
a little part of the left side background remains hidden.
http://www.wpdfd.com/editorial/thebox/deadcentre4.html
Your example doesn't show clearly what you want, but maybe this old demo...
<http://www.gunlaug.no/tos/moa_15a.html>
...may be of some help to you. I use 'CSS table' for centering.
Note that I "trick" older IE/win versions into behaving as if they
support the relevant CSS, using IE's own CSS expressions.
Basically, when using absolute positioning - as in your example, the
element above and to the left of center should be positioned by its
"right" and "bottom" edges from _inside the centered element_, not
"left" and "top" from _outside_ as you have done.
While I'm at it: avoid using pixels for line-height, as the text-lines
overlaps when resizing up in IE and Opera.
regards
Georg
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
