Sent by Holly Bergevin on 30 November 2004 05:05
From: Christy Collins [EMAIL-REMOVED]>
Date: Mon, 29 Nov 2004 21:50:32 -0500
>I have a fancypants box with rounded corners and a dropshadow
>I'm working on mac and it's looking fabulous on both IE and Safari:
>Apparently it is breaking on PC, but I can't see it.
>
>The url is
>http://www.northeastcpa.com
>
>Any help would be appreciated.
It's fine on Gecko and Opera browsers on a PC, so that leaves IE-Win...
A couple of new selectors (hidden from everyone except IE-Win) and a few other small changes ought
to fix it up pretty well.
Add -
body {font-size: 100.01%;} /* this keeps IE-win from growing text out of proportion if the browser
text-zoom is used */
/* hide from IE5-Mac \*/
* html #navlist {padding-top: 20px;}
* html #navcontainer ul
{
line-height: 1;
margin: 0;
padding: auto;
}
/* end hide */ /* these will straighten out the rounded-corner box display in IE-Win */
#navlist li a {
padding: 0;
padd\ing: 0 0 0 1em;
}
IE5.x browsers are not looking so good with that left padding, so it needs to be removed. The
second padding declaration, with the escape (backslash character) resets the padding for browsers
other than IE5.x-win, which cannot read the escape.
The only problem I see now is that the one LI that wraps without increasing the text-zoom, Bring To
Your Appointment, the word appointment goes too far to the left in IE5.x-win. Cosmetic, in my
opinion. I'd be able to live with it...
hth,
~holly
Note: If you ever want to use a pseudo-element such as :first-line or :first-letter, the
construction of your selectors will cause a problem in IE6. Your selectors do not have a space
between the end of the selector name and the opening bracket of the rule set, and this causes a
problem in IE6 when using pseudo-elements. The space does not appear to be a requirement of the CSS
specifications but I just thought I'd mention it...
______________________________________________________________________
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/