Sent by Bruce Gilbert on 9 July 2005 18:06
Gunlaug Sørtun wrote:
>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.
thanks, I will give this method a try.
>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.
can you elaborate more on this, or provide a link that describes this method?
Thanks for the assistance Georg!
On 7/8/05, Gunlaug Sørtun [EMAIL-REMOVED]> wrote:
> 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
>
--
::Bruce::
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
