problemi compatibilità con IE

[GordonMX]

Ciao, ho dei problemi con il mio sito www.apartstudio.com/carsisone - in FF tutto funziona alla perfezione ma in IE il menu si sposta tutto a destra e non riesco a farlo tornare indietro..specialmente perché non capisco qual'è il motivo per cui quel div si muove, non dovrei aver usato alcun comando non supportato da IE. Vi posto qui di seguito il CSS. Grazie in anticipo

/* CSS Document */

body{ 
	margin:0; 
	padding:0; 
	text-align:center;
	overflow:auto;
	background:#fff;
} 

#title {
	position: absolute;
	left: 50%;
	margin-left: -475px;
	margin-top: 15px;
	width: 950px;
	height: 30px;
	text-align:left;
	}

#tabs {
	position: relative;
	left: 50%;
	margin-left: -475px;
	margin-top: 10px;
	width: 950px;
	height: 30px;
	}

#tabs ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

#tabs ul li {
	padding: 0px 15px 2px;
	list-style: none;
	float:right;
	}

#tabs ul li.home a {
	color:#00CCFF;
	}

#tabs ul li.cont a {
	color: #05fb22;
	}

#tabs ul li.curric a {
	color: #fbd005;
	}
	
#tabs ul li.gal a {
	color: #fe11ad;
	}

#contenitoreext { 
	position: absolute;
	width: 950px; 
	height: 700px; 
	left: 50%; 
	top: 50%;
	margin-top: -350px; 
	margin-left: -475px;
} 

#contenitore { 
	position: relative; 
	width: 948px; 
	height: 90%;
	text-align:center;
} 


#contactus {
	position: absolute;
	left:50%;
	top:50%;
	margin-left:-85px;
	margin-top:-40px;
	width:170px;
	height:80px;
}

#lang {
	position:absolute;
	left:50%;
	margin-top: 10px;
	margin-left: -100px;
	margin-bottom: 0;
	width: 200px;
	height: 20px;
	}

#lang a {
	font-size:10px;
	}
	
#lang ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

#lang ul li {
	padding: 0px 15px 2px;
	list-style: none;
	float:right;
	}
	
#lang ul li.here {
	list-style: none;
	display: inline;
	background-color:#fff;
	}
	
#lang ul li.ita a {color:#00CCFF}

#lang ul li.esp a {
	color: #05fb22;
	}
	
#lang ul li.eng a {
	color: #fbd005;
	}
	
#lang ul li.gal a {
	color: #fe11ad;
	}
	
	
.title{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#00CCFF}
.testo{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#000;list-style-image:url(immagini/ul.gif)}
.span{border:1px dotted #D2EBFF; padding:5px; vertical-align:middle;}
a:visited{text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;}
a:link{text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#000}
a:hover{text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#e3e3e3;}

[GordonMX]

dimenticavo...tutti i files sono validati W3.

[Myaku]

mamma mia, ti sei andato a complicare un tantino la vita eh con tutti quei mischioni di posizionamenti assoluti, relativi e float tra l'altro, quando usi un float ricordati del clear a seguire.

Per il resto, se il tuo problema per IE è risolvibile applicando dei valori diversi rispetto agli altri browser, puoi usare i commenti condizionali.

[GordonMX]

commenti condizionali?? Perdona la mia ignoranza ma potresti essere un po' più specifico?? Grazie mille..

Dici mi sono complicato la vita?? C'è un modo in cui potremmo semplificare??

[Myaku]

Originariamente inviato da GordonMX
commenti condizionali?? Perdona la mia ignoranza ma potresti essere un po' più specifico?? Grazie mille..

se ne parla di continuo, ti basta una ricerca e avrai tutte le informazioni che ti servono. Oppure, anche tramite google

Dici mi sono complicato la vita?? C'è un modo in cui potremmo semplificare??

si. puoi strutturare la pagina con un div padre centrato come suggerito in questo 3d. non ti servono nè posizionamenti assoluti nè relativi, per il footer forse riesci a fare anche a meno di float - non ho tempo ora di verificare di nuovo il tuo codice, vado a memoria -, ma se non èè evitabile al massimo userai un posizionamento con float giusto in quella parte.

Cyà

[GordonMX]

quindi la mia tecnica per centrare con width:200px; left:50%; margin-left:-100px; è roba antiquata mi sa,eh?? Urg..

grazie un milione!!!!!

[Myaku]

Originariamente inviato da GordonMX
quindi la mia tecnica per centrare con width:200px; left:50%; margin-left:-100px; è roba antiquata mi sa,eh?? Urg..

grazie un milione!!!!!

non è che è antiquata. La centratura con posiz. assoluti e margini negativi si usa ad esempio per centrare sia in verticale che in orizzontale. ma per la sola centratura orizzontale dell'intero layout, la soluzione che ti ho linkato è più semplice.

Cyà

[GordonMX]

ma io sto usando una centratura sia verticale che orizzontale..eppure ho provato la tecnica che mi hai consigliato e funziona! Boh...

Comunque sapevo cosa fossero i commenti condizionali, solo non conoscevo il nome, infatti volevo proprio fare così ma il mio problema è che non so che parametri devo cambiare per far piacere il sito ad IE!!

[Myaku]

Originariamente inviato da GordonMX
il mio problema è che non so che parametri devo cambiare per far piacere il sito ad IE!!

ti conviene fare delle prove, spesso i problemi di IE sono riconducibili ad una diversa interpretazione dei margini. Ti consiglio anche usare una DTD Strict.