Dave Pierce wrote:
> 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?
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; }
>
> 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.
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 ;-)
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?
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]-->
AC
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS.
Pre-made designs, designer tools, and reseller program available!
______________________________________________________________________
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/
