Dave dolefully delineated:
>
> On this website, which is located at http://
> www.pierceartanddesign.com/testfiles/ the bullets in all versions
> of IE are aligned with the bottoms of any <li> that is longer than
> the width required to keep it on all on one line. Any ideas why?
and Audra artully answered:
> Hi Dave. I don't know why IE aligns them to the bottom by default,
> but you can control the vertical position width vertical-align.
> For example:
> li { vertical-align: middle; }
Thanks Audra! I'll give it a try tomorrow!
> Also, it breaks apart in IE7, and I'd like to use a conditional
> comment to set the width and left margin to fix that. Can someone
> tell me, since this is the first time I've ever used a conditional
> comment, just exactly where one should go? Does it go with the CSS,
> or in the body, or between the two?
Audra adroitly added:
> Dave, your layout is actually only working in IE6 which means you
> will need to fix it for all the standards compliant browsers, not
> just IE7. It's always a good idea to code for Firefox *then* fix
> for IE6 or 7 with conditional comments if need be. It will save
> you tons of time and asprin ;-)
That's true Audra, but I am on a Mac, and always use Firefox and
Safari. All of the pages work on my 'puter, and on my other Mac I
have IE6, so I was able to straighten that out. The home page and the
"med vs. social care" have both been adjusted with "*html" fixes. But
I've been unable to get IE7 to respond correctly.
(slash, snip)
> just exactly where one should go? Does it go with the CSS, or in
> the body, or between the two?
And Audra added:
> It goes in the header and looks like this:
>
> <!--[if IE 6]>
> <link rel="stylesheet" type="text/css" href="path/to/ie6.css" />
> <![endif]-->
>
> <!--[if IE 7]>
> <link rel="stylesheet" type="text/css" href="path/to/ie7.css" />
> <![endif]-->
Audra, does that mean I have to copy and paste all of the basic CSS
sheet, and change the affected areas?
Also,how about one like this (below)? I've seen it before in a book,
but the book wasn't clear as to where it belongs on the page:
<!--[if IE 7]>
,style type="text/css">
#div {
etc.;4px;
}
</style?
< ! [endif]-->
;-Dave
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
