X-Cart forums

[rageon75]

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.

[JWait]

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

Also check.. ,product-price

[rageon75]

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.

[JWait]

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

[rageon75]

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

[ChristineP]

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;
}

Originally Posted by rageon75

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.

[rageon75]

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.

[ChristineP]

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

Originally Posted by rageon75

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.