On Jul 22, 2008, at 8:53 PM, Alan Gresley wrote: > Carol Huddleston wrote: >> I've worked on this a little bit more. This all looks okay in Safari, >> FF and Opera, but in IE7 the left navigation links are pushed over to >> the left. Also, the background gradient should be all the way over to >> the left side of the logo, but it's not. >> >> http://www.prairiedreamstudio.com/testindex.html >> http://www.prairiedreamstudio.com/layout.css >> >> Thanks for the help! >> >> Carol > > > Hello Carol > > Try this (ADD & CHANGE). > > .leftnav { > list-style-type: none; > margin: 0 0 0 0; > padding: 0; /* ADD */ > font: 1.2em "Lucida Grande", Arial, sans-serif; > color: #3F1F55; > font-variant: small-caps; > line-height: 150%; > width: 175px; > } > > .leftnav li { > background-image: url(/images/indeximages/leftnavgradient.gif); > background-repeat: repeat-x; > margin: 0; /* CHANGE */ > padding: 0 20px; /* CHANGE */ > border: 1px solid #3F1F55; > } > > > For the <ul> element, IE7 has a default margin-left:30pt where FF, > Safari and Opera have a default padding-start:40px. This is seen in > this > test case. > > <http://css-class.com/test/css/defaults/unordered-list.htm> > > > After a while you will get use to these different defaults between IE > and the other browsers. > > > -- > Alan http://css-class.com/ >
Thank you very much! This worked for me. Also, I was not aware of conditional comments before I asked this question, but after reading about it, I did use a separate IE stylesheet for the solution listed above. I don't see conditional comments mentioned a lot on this list (though I don't read every post), so I want to make sure that it's considered "okay" or proper to use them while designing a CSS web site. It seems like a great idea to me, but I want to make sure I'm doing things the right way. Thanks again, Carol ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
