Bruce Gilbert wrote:
I noticed on my home page of my personal web site
(http://www.inspired-evolution.com) my drop cap (the large I in
inspired) doesn't exactly fit in with the rest of the word in IE 6
(pc), that is it is too far to the right. In the browser I designed
the site for (Mozilla for Mac), it looks good and is positioned how I
want it.
Any suggestions on a IE 6 hack without messing up the positioning on
the good browsers?
It's already messed up in the good browsers - all of them. Try text-zoom
in your preferred browser...
You're gambling with font-size and em-based margins and what not -
relative to a percentage-positioned background for the whole area. That
paragraph is living its own life, and just happens to line up with the
"I" in the background - at some font-sizes - in some browsers.
If you want to use a background-image as drop cap, then you should set
it as background on the paragraph itself. That should make it line up
perfectly stable across browser-land.
In addition: .hide {display:none;} will make some (if not most) screen
readers hide it completely, so some off-screen positioning should be
used instead if you want that paragraph to make any sense in those.
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/
