Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

#FFCC66 Color does not Exist?

Status
Not open for further replies.

ClulessChris

IS-IT--Management
Jan 27, 2003
890
GB
When validating my css I'm told that the color #FFCC66 does not exist. This is despite the color working fine in IE, Firefox, Opera, And Safari. Should I be conserned, or can I ignore this?

Never knock on Death's door: ring the bell and run away! Death really hates that!
 
Chris, can you post the rest of your CSS, #ffcc66 is a valid colour.

Nick

where would we be without rhetorical questions...
 
nickdel,
Thanks for your time. Here's the rest of the css:
Code:
html, body, #wrapper{
	min-height: 100%;
	width: 96%;
	height: 100%;
	}

html>body, html>body#wrapper{ height: auto; }
html>body div#header { position: fixed; }
html>body div#navBar { position: fixed; } 
html>body div#footer { position: fixed; }

body{
	font-family: Helvetica, Arial, Sans-Serif;
	padding: 100px  0 0 160px;
	margin: 0;
	}

h1, h2, h3, h4, h5, h6{
	color: teal;
	margin: auto;
	}

p.headline{
	Color: #FF0000;
	font-weight: 700;
	font-size: 1.4em;
	}

#wrapper{
	Position: absolute; 
	left: auto; Top: 0;
	width: 96%;
	Padding: 5px;
	}
	
#header{
	position: absolute;
	top: 0px;
	left: 2%;
	height: 110px;
	width: 96%;
	margin: 0 auto;
	background-color: #FFFFFF;
	}

	
#navBar{
	position: absolute;
	width: 20%;
	left: 2%;
	Top: 100px;
	padding: 25px 5px 25px 5px;
	border: 1px solid black;
	font-size: .95em;
	background-color: #FFCC66;
	}

#content{
	width: 76%;
	padding: 12% 0 5% 10%;
	border: none;
	overflow: hidden; 
	font-size: 1em;
	}

#footer{ 
	position: absolute;
	padding: 10px 30%;
	bottom: 0;
	width: 96%;
	}

#portraitImg{
	height: 292px;
	width: 229px; 
	padding: 0 30% 0 30%;
	border: 0;
	}

#RightImg{
	float: right;
	border: none;
	height: 240px; 
	width: 175px; 
	border: 0; 
	}

#layer1{
	background-color : #FFCC66; 
   	layer-background-color : #FFCC66;
   	border-width : 1px; 
   	border-style : solid; 
   	border-color : #006666; 
	padding: 5px;
   	width : 150px; 
   	top : 100px; 
   	left : 150px; 
   	position : absolute; 
   	z-index : 90; 
   	visibility : hidden; 
	}

#layer2{
   	background-color : #FFCC66; 
   	layer-background-color : #FFCC66;
   	border-width : 1px; 
   	border-style : solid; 
   	border-color : #006666;
	padding: 5px; 
   	width : 200px; 
   	top : 125px; 
   	left : 150px; 
   	position : absolute; 
   	z-index : 90; 
   	visibility : hidden; 
	}

#layer3{
   	background-color : #FFCC66; 
   	layer-background-color : #FFCC66;
  	border-width : 1px; 
  	border-style : solid; 
   	border-color : #006666;
	padding: 5px; 
   	width : 200px; 
   	top : 200px; 
   	left : 150px; 
   	position : absolute; 
   	z-index : 90; 
   	visibility : hidden; 
   	}

I intend to split this down creating a main.css (common to all pages) and other css for individual pages.

This is my first venture into the world of css. It's been fun so far. : )

Never knock on Death's door: ring the bell and run away! Death really hates that!
 
Chris, maybe someelse will chip in here but I dont think "layer-background-color" is valid anymore (sorry, "layer-background-color" is casuing the error not your colour options!).

Nick

where would we be without rhetorical questions...
 
Opps, Sorry I misread the error.
Would I be correct in thinking that background-color is doing the job and layer-background-color can be deleted then?

Never knock on Death's door: ring the bell and run away! Death really hates that!
 
Perfectly correct! [thumbsup2]

where would we be without rhetorical questions...
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top