: DIfference between IE and FF. Colors I have a problem with my CSS code. Buttons look differently in IE7 and FF Here are my buttons: Here is my code: .list-common-wrapper .button-unfixed .button-unfixed-normal[disabled]

@Martha945

Posted in: #Color #Css

I have a problem with my CSS code. Buttons look differently in IE7 and FF

Here are my buttons:


Here is my code:

.list-common-wrapper .button-unfixed .button-unfixed-normal[disabled] .button-background, #id -chart-editor-active-event .button-unfixed .button-unfixed-normal[disabled] .button-background, .three-lists .button-unfixed .button-unfixed-normal[disabled] .button-background {
background: url("../images/button/btn_var_bg.gif") no-repeat scroll left -120px transparent;
color: #777777 ;
cursor: default;
text-decoration: none;
}
list.css (line 122)
.list-common-wrapper .button-unfixed .button-unfixed-normal .button-background, #id -chart-editor-active-event .button-unfixed .button-unfixed-normal .button-background, #id-profile-editor-move-attributes-buttons .button-unfixed .button-unfixed-normal .button-background {
color: #333333;
cursor: pointer;
}
list.css (line 132)
.button-unfixed-normal .button-background {
background: url("../images/button/btn_var_bg.gif") no-repeat scroll left 0 transparent;
display: block;
padding: 2px 8px 4px 12px;
}
button.css (line 111)
Inherited froma.button-unfixed-def #
.list-common-wrapper .button-unfixed .button-unfixed-normal[disabled], #id-chart-editor-active-event .button-unfixed .button-unfixed-normal[disabled], #id-profile-editor-move-attributes-buttons .button-unfixed .button-unfixed-normal[disabled] {
color: #777777;
cursor: default;
text-decoration: none;
}
list.css (line 142)
.list-common-wrapper .button-unfixed .button-unfixed-def {
font-size: 12px;
line-height: 130%;
}
list.css (line 163)
.button-unfixed .button-unfixed-normal {
color: #333333;
text-decoration: none;
}
button.css (line 104)
.button-unfixed .button-unfixed-def {
cursor: default;
font-size: 12px;
line-height: 130%;
}
button.css (line 93)
a {
color: #175DB5;
text-decoration: underline;
}


It shows that the color #777777 is displayed differently in IE7 and FF (look at the arrow):

Vote Up Vote Down

Login to post a comment!