css non passa la validazione

[francesco321654]

raga non capisco dove sbaglio
quali errori faccio ah dimenticavo è il primo che faccio spiegatemi qualcosa sono un po testone
ve lo posto
html,body{margin: 0;padding:0;height:100%;}
body{font-family: arial,sans-serif;font-size: 76%;text-align: center;
background-image: url("./images_1/Azzurro_con_vapore_bianco.gif");
scrollbar-highlight-color:#FFFFFF;
scrollbar-base-color:#003399;
scrollbar-arrow-color:#00FFFF;
scrollbar-shadow-color:#3300FF;}
div#container{position:relative; width: 76%; height: 100%;margin: 0 ;
text-align: left; border-left: 2px solid #36c;border-right: 2px solid #36c;
background-color:#FFFF99;height:auto;min-height:100%}
div#header{ background-color:#0cf;color: #ff0;width:100%;text-align: center;margin:0}
h1,h2,h3{margin: 0;padding:0}
h1{font: bold 2em arial,serif}
h2{font-size: 1em}
h1.titoli_testo{color:Red;font-size:16px}
h2.titoli_testo{color:green;font-size:14px;}
div#content{background-color:#ffffff;widht:170px;padding:1em 5px;margin-bottom:2em;height: 600px;}
p#dove{text-align: center;}
div#navigation{background-color:#69c;margin:0;text-align:center}
div#navigation ul{margin: 0;padding: 0; list-style-type: none;}
div#navigation li{display: inline; margin: 0 0 0 1em;padding: 0}
div#navigation a{color:#003;font: normal bold 1.2em/2.5em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #fff;text-decoration: underline}
div#navigation a#activelink{color: #cf0;text-decoration: none}
div#extra_dx{float:right;width:160px;\widht:170px; \width:160px;height: 600px;padding:1em 5px;
border-left: 2px solid #36c;border-right: 2px solid #36c;margin-bottom:0}
div#extra_sx{float:left;clear:right;width:160px;\w idht:170px;\width:160px;height: 600px;padding: 1em 0 0 10px;
border-right: 2px solid #36c;border-left: 2px solid #36c;margin-bottom:0}
h1.extra_sx{margin: 2;padding:2;font:arial,serif;color:Red;font-size: 18px;}
h2.extra_sx{margin: 1;padding:1;font:arial,serif;font-size: 16px;Color:Green}
h3.extra_sx{margin: 0;padding:0;font:arial,serif;font-size: 10px}
div#footer{ position:absolute;bottom:0; width: 100%; border: 2px solid #36c;
background-color: #69c;color: #000;text-align:center;clear:both; text-align:center; padding: 5px 0;}
div#footer a{color: #fff;font-weight: bold;text-decoration: underline}
A#tit{color :Green;}
A:link {color :blue;text-decoration: underline}
A:visited {color :Blue;text-decoration: underline}
A:hover {color : Red;text-decoration : underline;}

[Al_katraz984]

fai prima a mettere gli errori che ti dà... :master:

[Fulciniti]

Credo perchè le proprietà sulle scrollbar non rientrano nelle specifiche CSS... ma sono una soluzione proprietaria di IE. La soluzione è usare il commento condizionale . Saluti.

[Fulciniti]

Ah... inoltre.. margini e padding hanno bisogno di un unità di misura (px, %, em ecc...)

[francesco321654]

ho capito il primo suggerimento ma non ho capito il secondo o meglio quale sarebbe il modo migliore di indicare il valore per questi elementi?
altra cosa 1px a quanti em corrisponde?

[francesco321654]

altra cosa come faccio a dare una % ad un margine un bordo o altro
ora se 1Px e uguale a 0.06 em in % che valore do?

[Mich_]

Non si puo` dare un rapporto definito tra px e em.
em e` la dimensione della lettera M, in base alla dimensione del carattere in quel punto
px e` la dimensione del px in quel sistema.

Quindi se hai un carattere grande, em sara` grande; se il carattere e` piccolo em sara` piccolo.
Dato che non puoi definire la dimensione del carattere (o meglio il browser puo` sovrascriverla ed usare una sua propria), non c'e` un rapporto applicabile.

[francesco321654]

be allora non ho capito
se io do come valore per un bordo 1px solid #fff per esempio
come faccio a far si che sto benedetto valore sia interpretato nello stesso modo da tutti i bowser?

[Mich_]

Non puoi.
la dimensione di 1 px e` data dalla combinazione delle dimensioni del monitor e della risoluzione.
Comunque corrisponde alla dimensione minima che e` possibile realizzare su ogni monitor.

Se hai un monitor da 30 pollici con una risoluzione 800x600, il px sara` diversi millimetri; se invece la risoluzione e` 2048xqualcosa con un monitor da 17", il px sara` inferiore al mm.
Ma su questo non hai controllo e non puoi neppure conoscere quanto e` stato impostato.

Ancora piu` complessa e` la dimensione dell'em, dove interviene anche la dimensione minima dei caratteri impostata nei browser (ora possibile anche in IE, con la versione 7).

[francesco321654]

ok mich sei stato chiarissimo
per ora grazie