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/
Nearly all men can stand adversity, but if you want to test a man's
character, give him power - Abraham Lincoln
______________________________________________________________________
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/
