Page 1 of 1

WTF? IE rendering text white, but not in the css [56k warn]

Posted: Wed Jul 25, 2007 6:04 pm
by Luke
Can those of you on IE check this page? On some machines (seemingly random), all of the text within the white area will be invisible until you select it, then parts of it will be visible. If you add the product to your cart, the issue goes away. I have no explanation for this. If anybody else does, please let me know. I have disabled javascript to see if it was that... nope. It may be flash. How do you disable flash in IE6?

http://www.tarmadesigns.com/product/nat ... -wristband

EDIT: It seems to be only in IE6

EDIT AGAIN: The client sent a screen-shot. This is so intermittent, it's hard to find IE6 machines that have the issue... what could be causing it?

Image

Posted: Wed Jul 25, 2007 6:44 pm
by RobertPaul
Which version? Looks fine for me in IE7.

Posted: Wed Jul 25, 2007 6:55 pm
by Zoxive
In Firefox on linux the Dynamic Font change or w/e you want to call it, doesn't become transparent.

Image
Sorry about my laziness on resizing it.

Posted: Wed Jul 25, 2007 7:22 pm
by Charles256
Some constructive criticism. I find the best way to fix weird errors such as these is to start validating your HTML and CSS and keep going until it's perfectly valid. A lot of times that'll clear up weird bugs like this. Not always though. :(

Posted: Thu Jul 26, 2007 3:53 am
by UrButtFullOfArr0ws
O.o
Weird things happen with IE :? :D
I had that same error in a zencart program :? Don't remember Exactly how i solved it but in my case i think i changed the css for that part of the text (don't think it will work for you though ^_^).

Flash:
Under IE 6/7
Try Tools->Internet Options->Programs->Manage Add-ons and look for flash plug-in there...
Otherwise Tools->Internet Options->Advanced and somewhere in that list i think it's got something like "Play animations" (not sure about this)
Good luck with it :D 8)

Posted: Thu Jul 26, 2007 1:00 pm
by Luke
Alright, I've fixed the issues that made the page not validate, I've disabled flash AND javascript (seperately and at the same time) and still the problem persists. Anybody?

Posted: Tue Jul 31, 2007 4:06 pm
by Luke
Image I've added a screenshot to the original post. I have posted this to css-discuss, other forums, asked just about everybody who might have any idea... nothing. :(

Posted: Tue Jul 31, 2007 4:41 pm
by The Phoenix
.Placeholder

Posted: Wed Aug 01, 2007 12:30 am
by matthijs
That is a weird bug. I have seen it once before. In that case the solution was to remove a clearing div. I have no time to turn on my pc now and test, but at this point, if I were you, I'd try to change around some things with the way the divs are floated and cleared. And see if that makes a difference.

And temporarily remove elements to pinpoint the element which causes the bug (although in fact it will be some weird combination of things causing it)

Posted: Wed Aug 01, 2007 1:02 am
by Benjamin
I have seen some issues when you apply attributes to an element and then have a block element inside of it. No clue why. Just add a style to set the font color directly, even if you have to use an inline style, if you haven't already.

And yes, this is an IE only issue, and yes, the same problem occurs in IE 7.

Posted: Wed Aug 01, 2007 1:23 am
by Benjamin
From inner elements to outer from the text in order..

css class label does not set the font color
css class product-tidbit does not set the font color
I wasn't able to find product-information in any of the screen style sheets <!-- maybe this causes inheritance in IE to fail in certain circumstances??
css class product-details does set the font-color to black

It "should" be rendering correct. This is clearly a bug in IE.