Need to change text color in IE6
 

In IE6, in the product details of my page, the text is suppose to be white but it is coming out black. You cannot see the Item Number, Quantity and the Weight. So I added this code to the main.IE6.css file but it did not work?:

#page-container {
height: 100%;
border-left: 0px none;
float: right;
position: relative;
background-color: #000000;
}
.dialog .content {
color: #ffffff;
}
#page-container2 {
float: left;
margin-left: 0px;
position: relative;
height: 620px; /* bottom-expand */
}

What am I doing wrong? Here is the link if you want to see what I'm talking about. Thanking everybody in advance.

Re: Need to change text color in IE6
 

The class is .property-name. What is it set to in main.css?

Also check.. ,product-price

Re: Need to change text color in IE6
 

I did a find for .property-name in dreamweaver and this is what it found:

table.product-properties .property-name {
padding-right: 5px;
white-space: nowrap;
width: 30%;

and for .product-price I found:

table.product-properties .product-price {
color: #ffffff;
font-weight: bold;
font-size: 12px;
vertical-align: top;

I hope that is what you are talking about. I am very new at CSS and I thank you for all your help.

Re: Need to change text color in IE6
 

What is more interesting is your "add to cart" button is just a thin line in IE7.

Re: Need to change text color in IE6
 

I know I have been trying to figure out whats wrong with that for a long time?

Re: Need to change text color in IE6
 

Have you tried adding a hack to your .css?

if I followed this correct the class id is .property-name? then try adding this at the bottom of your .css to call out the class id. Adding * html is the hack for IE6 and IE7.

* html .property-name {
color: #ffffff;
}

Re: Need to change text color in IE6
 

Thank you ChristineP. It worked! The item number and weight now show up but the actual numbers are still black and not white? What should I change? Thank you so much again.

Re: Need to change text color in IE6
 

From the View source I see there are three defined styles you should check in your .css to possibly add the IE hack. Find which style(s) are defining the color for these:
property-value
product_code
product_weight
add your hack as needed to each of the above that have the defined color of white
* html .property-value {
color: #ffffff;
}
* html .product_code {
color: #ffffff;
}
* html .product_weight {
color: #ffffff;
}

Hope this does the trick.

Christine