IE VS Firefox HELP

[Alekals]

Salve a tutti, sto realizzando un piccolo sito ad un mio conoscente.


Mi sono creato il sito con vi di linux e con l'aiuto di firefox, rispettando tutti gli standard del w3c (css/HTML).

Sorpresa IE me lo visualizza una cacca.
Qualcuno mi spiaga come mai non vedo con ie la barra a linee sulla sx e perche tutte le proprietà border sono assenti?

Provate con firefox e con Internet Explorer, capirete.
Qui trovate il link al sito:
Gea Sito

Grazie ancora.

css usato:

html,body{margin:0;padding:0}
body{font: 76% Verdena,sans-serif}
p{margin:0 10px 10px}
a{display:block;color: #981793;}
div#header {flot:left;margin-left:50px;background:url('img/gea_logo.jpg') no-repeat center;height:106px;border-bottom:1px groove grey;}
div#header h3{color:#FF8539;}
div#content p{line-height:1.4;border-bottom:1px groove  grey;}
div#content h3{line-height:1.4;color:#FF8539;text-align:center;}
div#navigation{/*background:#B9CAFF*/}
div#extra{background:#FF8539}
div#footer{background: #FFFFFF;color: #FF8539}
div#footer p{margin:0;padding:5px 10px}

div#wrapper{float:right;width:100%;
      margin-left:-290px;margin-top:10px;
      background: url('img/sfondo.jpg')repeat-y}
div#barra{float:left;width:45px;
     height:750px;background:url('img/sfondo.jpg')repeat-y;}
div#content{margin-left:290px;margin-right:100px;/*border-top:1px groove grey;*/border-right:1px groove grey;}
div#navigation{float:left;height:100%;
      width:230px;
      border-right:1px groove grey;
      padding:5px;padding-top:30px;}
div#footer{clear:both;width:100%;text-align:center;}

[creattivo]

Come detto 1 milione di volte almeno, IE non supporto appieno gli standard del w3c. Quello che posso consigliarti di fare è di approfondire il discorso ed evitare accuratamente tutti i tag html quelli css non supportati da IE che non vuol dire usare tag proprietari IE ma evitare di usare quelli w3c non accettati da IE e sostituirli con tag, sempre standard w3c, supportati anche da IE.
Devi fare questa operazione perchè fare un sito secondo gli standard ma che non è compatibile con IE è darsi la zappa sui piedi.

[andrea.paiola]

Originariamente inviato da creattivo
Come detto 1 milione di volte almeno, IE non supporto appieno gli standard del w3c. Quello che posso consigliarti di fare è di approfondire il discorso ed evitare accuratamente tutti i tag html quelli css non supportati da IE che non vuol dire usare tag proprietari IE ma evitare di usare quelli w3c non accettati da IE e sostituirli con tag, sempre standard w3c, supportati anche da IE.
Devi fare questa operazione perchè fare un sito secondo gli standard ma che non è compatibile con IE è darsi la zappa sui piedi.

in realtà basta servire solo a IE le proprietà che vuole per esempio coi commenti condizionali

[creattivo]

Giusto... come al solito m'era sfuggita l'opzione più semplice.

[andrea.paiola]

Originariamente inviato da creattivo
Giusto... come al solito m'era sfuggita l'opzione più semplice.

1) sei troppo creattivo
2) prima di postare connettere il cervello
3) non ti offendere dai sto acherzando

[creattivo]

Cervello?
che cos'è questa cosa?

[Mich_]

Ho dato un'occhiata al CSS e alla pagina.

Ci sono alcuni errori CSS e HTML.
Questi quelli che ho visto:
attributo flot: non esiste (esiste float)
valore center: da solo non vuol dir niente, forse intendi center center
<div ...></div> in questo caso il browser puo` ignorare quest'oggetto: non contiene nulla; devi inserire almeno uno spazio.

Ti conviene passare la tua pagina attraverso i validatori:
validatore HTML
validatore CSS

[Alekals]

Allora:
Qualcuno mi spiega cose intendete per commenti condizionali?
link? how-to?
################################################## ########
For Creattivo

Che abbia sbagliato a usare gli standard w3c non sono d'accordo.
Chi sta sbagliando è ie che fa quello che vuole.
Che io debba cercare di adattare il mio codice a ie perche sto maledetto Browser funziona a capocchia , mi trovi d'accordo.
Infatti mi ero documentato e ho usato tutte proprietà compatibili con ie, ecco il motivo del mio post.
################################################## #########

For moderatore

Grazie per l'interessamento e per essere rimasto in topic.
Ho eliminato la voce flot (naturalmente era un errore stupido che non ho visto).

Per il center quale intendi?
se è quello della riga dell'header, lo uso per definire la proprietà dell'oggetto background, poprietà position.


Cosa c'è che non va con IE nella riga:
border-top: 1px groove grey;

Visto che tutti i bordi non vengono visualizzati?


Grazie Alessio

[Mich_]

Commenti condizionali per IE; sono chiamate del tipo:
<!--[if IE]> oppure <!--[if gte IE 5.5000]>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->

Nei browser diversi da IE vengono visti come commenti, quindi non hanno effetti. Chiaramente vanno messi dopo il CSS standard, e possono serivere per "correggere" le caratteristiche che IE presenta in modo diverso.

--

Non so come si comporti IE, ma forse e` il groove che non gli piace (prova a cambiarlo con qualche altro valore).

--

per il center; dalle mie tabelle non mi risulta che esista il posizionamento con il valore center, mentre esiste il valore center center ( http://www.w3schools.com/css/css_reference.asp )

[Alekals]

Alla fine ho sistemato da solo, ora ho validato il codice come mi è stato consigliato.
ed elimitato eventuali errori di sintassi.

Ho sostituito la proprieta color "grey" che forse a ie non piaceva.


Ora funziona tutto.
Grazie Per la disponibilità.