Forums / Templates, Stylesheets, Page Layout / IE displaying black headings for legends, all other browsers displaying white

IE displaying black headings for legends, all other browsers displaying white

Started by nigelt74 on 3 Feb 2011, 1:36 AM · Views: 1,244

Results 1 to 4 of 4
3 Feb 2011, 1:36 AM
#1
nigelt74 avatar

nigelt74

Totally Zenned

Join Date:
Sep 2005
Location:
Waikato, New Zealand
Posts:
1,558
Plugin Contributions:
1

IE displaying black headings for legends, all other browsers displaying white

Okey Doke

Page here

Basically the legends for the fieldsets are displaying as black text, when they should be white,

I have used IEs developer tools (press f12 to use them), and it is showing that the colour it is inheriting is white (#FFF) but thats not what is being displayed, i can't figure where the black is coming from
I am using IE9 and the problem occurs in both normal and compatibility mode

in all other browsers i have checked Opera, Firefox, chrome they are white

Webzings Design
Semi retired from Web Design

3 Feb 2011, 11:40 AM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: IE displaying black headings for legends, all other browsers displaying white

They're white here in IE7 and 8.

3 Feb 2011, 11:05 PM
#3
nigelt74 avatar

nigelt74

Totally Zenned

Join Date:
Sep 2005
Location:
Waikato, New Zealand
Posts:
1,558
Plugin Contributions:
1

Re: IE displaying black headings for legends, all other browsers displaying white

stevesh:

They're white here in IE7 and 8.

Thats weird, i just tested on SWMBOs computer and on IE the legends are coming up blue (yep blue not black or white).

I have rebooted my machine, cleared IEs cache, run ccleaner, rebooted the router, everything i can think of and it still shows black legends on that page.

Just to be sure we are 100% on the same page and I'm not using the wrong terminology, i am referring to the legends like the bit that says "Returning Customers: Please Log In" on the aforementioned link.

Webzings Design
Semi retired from Web Design

4 Feb 2011, 3:02 AM
#4
nigelt74 avatar

nigelt74

Totally Zenned

Join Date:
Sep 2005
Location:
Waikato, New Zealand
Posts:
1,558
Plugin Contributions:
1

Re: IE displaying black headings for legends, all other browsers displaying white

Thanks guys

It should look white now, I have just added a rule which should fix it.

Although the fact IEs developer tools were telling me the legend was white and it was displaying in black or blue is a bit of a worry, for IEs developer tools that is. It was just a bizarre error, i can normally track errors like this down, but when the developer tools say one thing and the browser shows another, thats just weird, I actually asked on another forum i am a member of and they also saw the same thing i did regarding blue on IE7 & 8 and Black on IE9

Any CSS gurus out there like to tell me why it was showing black or Blue in IE, .

just remove the rule

#loginDefault legend {
color:#fff;
}

and you'll see the bug I was getting

Webzings Design
Semi retired from Web Design