Re: [css-d] In IE 6 my dropcap is not aligning correctly
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? URL: http://www.inspired-evolution.com CSS:http://www.inspired-evolution.com/Gilbert.css I am wondering why you don't just style the cap with CSS or am I missing something here? That is one of the cool things CSS added - print like capital letters. Regards Moira -- Moira Ashleigh. M.A. Lead Designer SolsticeSun Design http://www.solsticesun.com [EMAIL PROTECTED] __ 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/
[css-d] In IE 6 my dropcap is not aligning correctly
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?
URL: http://www.inspired-evolution.com
CSS:http://www.inspired-evolution.com/Gilbert.css
relavent CSS:
#main_content_home {
min-height: 625px;/* set here min height */
height: auto !important;/* overwrite the height */
height: 540px;/* this is also the min height for IE */
border:2px solid #069;
width:720px;
margin-left:1em;
margin-right:1em;
background: #fff url(/images/I2.gif) 11% 10% no-repeat ;
}
__
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/
Re: [css-d] In IE 6 my dropcap is not aligning correctly
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/
