CSS validering feiler, property xpadding

[eJoJ]

Sitter og knoter med css og tenkte at jeg skulle ha det vallidert fra w3.org

men når jeg prøver og validere css filen min får jeg følgende feil

Property xpadding doesn't exist : 1px 1em 2em 1em

 

Noen måter og gå rundt dette, eller noen andre ting jeg kan teste?

css filen ser slik ut

Klikk for å se/fjerne innholdet nedenfor

@charset "utf-8";
 body {
 	font: 80% arial, helvetica, sans-serif;
 	background: #ccc url(images/lizards2.gif);
 	margin: 0;
 }
 
 .accessaid, h1 {
 	position: absolute;
 	height: 0;
 	overflow: hidden;
 }
 
 #header {
 	background: #036 url(images/charlesdarwin.gif);
 	height: 60px;
 }
 
 #navigation {
 	position: absolute;
 	top: 60px;
 	left: 0;
 	width: 134px;
 }
 
 #navigation ul {
 	margin: 0 0 1em 0;
 	padding: 0;
 	list-style: none;
 }
 
 #navigation ul a {
 	color: white;
 	text-decoration: none;
 	display: block;
 	background: #17a;
 	padding: 0 0.5em;
 	margin: 0 1em 1px 1em;
 }
 
 #navigation a:visited {
 	color: #ccc;
 }
 
 #navigation a:hover {
 	background: #28b;
 }
 
 #content {
 	background: white url(images/lizards.gif) 134px 0 repeat-y;
 	background: white url(images/lizards.gif) repeat-y;
Her er det noe feil!?                        xpadding: 1px 1em 2em 1em;
 	padding: 1px 20px 1em 40px;
 	border-left: 134px solid #069;
 }
 
 h2 {
 	font-size: 1.5em;
 	color: #036;
 }
 
 h3 {
 	font-size: 1.25em;
 	color: #036;
 }
 
 #content img {
 	width: 100px;
 	height: 150px;
 	padding: 1px;
 	border: 1px solid #333;
 	float: right;
 	margin: 0 0 1em 1em;
 }
 
 #container {
 	position: relative;
 	width: 586px; /* width + border for IE 5.x */
 	w\idth: 580px; /* real width */
 	border: solid #036;
 	border-width: 0 3px;
 	margin: auto;
 }

[haugsand]

Du har skrevet xpadding i stedet for padding.

[eJoJ]

Doh, ser nå at det står padding under...

Første gang jeg prøver meg på css for og lage en siden uten tabeller, og fikk css filen oversendt av en kamerat. Men over til en annen sak.

xpadding: 1px 1em 2em 1em;
padding: 1px 20px 1em 40px;

hva er egentlig forskjellen på måleenheten "em" og "px"

px står vel for pixler og 1px er 1px stor men hva er 1em?

[Runar0]

1em er 100% av weblesaren sin standar størrelse. Så vist du brukar 1.2em vil du få 120% og 0.8em blir 80%.

Endret 23. juni 2007 av Shadows0