problemi conpatibilità su ie8 + giudizio complessivo codice

[bigpea]

Ciao a tutti!

ho un piccolo problema di visualizzazione su ie8..
ho testato la visualizzazione del sito (anche se non finito) sui i vari browser.

Il sito si vede bene su quasi tutti i browser, tranne su ie8 dove non viene visualizzato lo sfondo ed i bordi della parte centrale, su ie4 dove il menù viene visualizzato come un elenco ed infine su altri browser secondari come Galeon o GranParadiso dove la colonna destra compare sotto il contenuto centrale (seppur allineata a destra).

Sapreste aiutarmi a risolvere questi piccoli problemi ed in particolare quello su ie8? :master:
In più potreste darmi qualche giudizio sul codice CSS ed anche XHTML magari?

Sotto vi posto il codice per maggior chiarezza.


GRAZIE!!

CSS

body,td,th {
	font-family: Trebuchet MS;
	font-size: 14px;
	color: #000000;
}

body {
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(sf_x.gif);
	
}	

a:link {
	color: #BF0425;
}
a:active {
}
a:visited {
	color: #BF0425;
}
a:hover {
	color: #999999 ;
}

h1 {
	color: #000000;
	font-size: 16px;
}

h2 {
	color: #000033;
}

h3, h4, h5, h6 {
	color: #006699;
}

a {
  color: #003366;
}

p { text-align:justify; line-height:25px; table-layout:fixed }
   

#menu{ margin:0 auto; width:950px; position:relative;display:block;height:39px; font-size:14px;font-weight:bold;background:transparent url(bgOFF.gif) repeat-x top left;font-family:Trebuchet MS;border-top:4px solid #B30000;border-left:1px solid #999999;border-right:1px solid #999999;}
#menu ul{margin:0;padding:0;list-style-type:none;width:auto;}
#menu ul li{display:block;float:left;margin:0;}
#menu ul li a{display:block;float:left;color:#666;text-decoration:none;padding:11px 20px 0 20px;height:23px;background:transparent url(bgDIVIDER.gif) no-repeat top right;}
#menu ul li a:hover,#menu ul li a.current{color:#B30000;background:#fff url(bgON.gif) no-repeat top right;}

#top   { position:relative; width:950px; background: #FFFFFF; border-left:1px solid #999999; height:100px; border-right:1px solid #999999;  margin:0 auto; } 
#logo { width:90%; margin:0 auto; left:0%; background:transparent url(logx.gif) no-repeat center left; height:100px; }
#model {right:5%; background:transparent url(mod_cell.gif) no-repeat center right; height:100px }

#corpo { position:relative; width:950px; background: #FFFFFF; border-left:1px solid #999999; border-right:1px solid #999999; padding-top:20px; margin:0 auto; padding-bottom:20px; } 
#int   { width:930px; margin:0 auto; }

#cont  { width:610px; float:left; clear: left; }
#dx    { width:300px; float:right; }
#box   { width:302px; height:102px; background:transparent url(box.gif); margin-top:20px; } 


#bottom { clear:both; width:950px; position:relative; background:#FFFFFF; border-left:1px solid #999999; border-right:1px solid #999999; border-top:1px solid #999999;  margin:0 auto;} 
#int1 { position:relative; width:98%; margin:0 auto; text-align:center; }

#centrale { position:relative; margin:0 auto; text-align:center; line-height:25px; }

XHTML

<div id="top">
    <div id="logo">
	    <div id="model">
    	</div>	
    </div>
</div>
<div id="menu">
	<ul>
		[*]home
		[*]schede tecniche
		[*]tariffe cellulari
		[*]sms pronti
		[*]manuali
		[*]rubriche
		[*]newsletter
		[*]forum
	[/list]
</div>
<div id="corpo">
	<div id="int">
		<div id="cont">

<h1>Cellulari: Schede Tecniche, Tariffe, SMS Pronti, Manuali</h1>


xx
</p>
		</div>
							<div id="dx">
					
					<div id="box">
					</div>
				</div>			<br style="clear:both;" /> 
	</div>
</div>

<div id="bottom" >
	<div id="int1">
© copyright 2005/2008 - tutti i diritti riservati - privacy police | disclaimer | contatti
	</div>
</div>

[bigpea]

nessuno?

[gengix]

A mio avviso nessun utente ti risponde perchè l'elenco dei browser che hai riportato, per un motivo o per l'altro non si tiene in considerazione per testare il codice.
Sono un accanito sostenitore della compatibilità cross-browser, ma a tutto c'è un limite.

IE 8 è ancora nella versione beta, questo vuol dire che bisogna fare affidamento in parte alle reazione che può avere sul codice che scrivi. Testare il tuo codice su questo interprete non ha significato, poichè immagino che la percentuale di utenti che lo utilizzano sia inesistente. Tieni in considerazione che la percentuale di utenti che ha installato IE6 è maggiore di quella che ha installato IE7, figurati la versione beta di IE8.

IE4 è un browser in disuso da tempo. Personalmente testo ancora su IE5, nonostante quest'ultimo sia utilizzato da appena l'1% degli utenti sul web. Non vedo il senso di testare codice su un browser che non viene più utilizzato. Probabilmente solo con multipleIE riesci a reperirlo ancora.

Per quanto riguarda Galeon o GranParadiso non ti so dare risposta. Non so la percentuale di utenze che detengono questi browser.

Tutta la famiglia di IE a partire dal 5, Opera-Safari-Netscape-Firefox e browser testuali (screen reader ecc...) direi che ti consente di essere "coperto" secondo il mio parere.

http://www.w3schools.com/browsers/browsers_stats.asp

[bigpea]

ok gengix, innanzitutto ti ringrazio per la risposta!

era proprio questo che alla fine volevo sapere...e cioè se effettivamente vale la pena "perdere tempo" per testare il proprio codice su questi browser visto che sui più diffusi sono "coperto" come hai giustamente detto tu.


Ciao e Grazie!