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

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
User avatar
Luke
The Ninja Space Mod
Posts: 6424
Joined: Fri Aug 05, 2005 1:53 pm
Location: Paradise, CA

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

Post 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
Last edited by Luke on Tue Jul 31, 2007 4:04 pm, edited 2 times in total.
RobertPaul
Forum Contributor
Posts: 122
Joined: Sun Sep 18, 2005 8:54 pm
Location: OCNY

Post by RobertPaul »

Which version? Looks fine for me in IE7.
User avatar
Zoxive
Forum Regular
Posts: 974
Joined: Fri Apr 01, 2005 4:37 pm
Location: Bay City, Michigan

Post 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.
Charles256
DevNet Resident
Posts: 1375
Joined: Fri Sep 16, 2005 9:06 pm

Post 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. :(
UrButtFullOfArr0ws
Forum Commoner
Posts: 64
Joined: Wed Feb 21, 2007 11:42 am
Location: Up a tree >.>"

Post 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)
User avatar
Luke
The Ninja Space Mod
Posts: 6424
Joined: Fri Aug 05, 2005 1:53 pm
Location: Paradise, CA

Post 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?
User avatar
Luke
The Ninja Space Mod
Posts: 6424
Joined: Fri Aug 05, 2005 1:53 pm
Location: Paradise, CA

Post 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. :(
User avatar
The Phoenix
Forum Contributor
Posts: 294
Joined: Fri Oct 06, 2006 8:12 pm

Post by The Phoenix »

.Placeholder
matthijs
DevNet Master
Posts: 3360
Joined: Thu Oct 06, 2005 3:57 pm

Post 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)
User avatar
Benjamin
Site Administrator
Posts: 6935
Joined: Sun May 19, 2002 10:24 pm

Post 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.
User avatar
Benjamin
Site Administrator
Posts: 6935
Joined: Sun May 19, 2002 10:24 pm

Post 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.
Post Reply