problemi di visualizzazione in IE6 e in IE5

[ginohernandez]

Salve a tutti, vi chiedo un aiuto per il sito che ho realizzato all'indirizzo http://figcctstampa.netsons.org

Con Internet Explorer 6 il content non si affianca al menu di sinistra, ma si colloca sotto.
Con Internet Explorer 5, invece, il content si visualizza correttamente accanto al menu, ma il colore rosso di sfondo del footer "traborda" riempiendo il content stesso.

Come posso risolvere questi problemi?

Grazie, ecco il codice:

/* centra in IE5.x */
body {
text-align: center;
background-color: #004566;
}

#container {
position: relative;
width: 800px;
text-align: left;
margin: 0 auto;
background-color: #FFFFFF;
}
	
/* testata */

#header {
}
#logolnd {
float: left;
}
#logosgs {
float: right;
}
#testata {
margin: 0 180px;
}
#figc {
	font-size: 18px;
	color: #0066FF;
	font-weight: bold;
	text-align: center;
}
#comitatoct {
	font-size: 18px;
	text-align: center;
	color: #CC0000;
	margin-top: 1em;
}
#elefante {
	margin: 0;
	text-align: center;
}
#areastampa {
	font-size: 18px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

	
/* sinistra */

#sinistra {
float: left;
width: 150px;
margin: 5px 0 0 0;
float: left;
display: inline;
}

#menu ul {
	list-style-type: none;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 0;
}

#menu ul li{
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica;
        font-weight: bolder;
}
#menu a {
	background-color: #FFFFFF;
	color: #0066FF;
	display: block;
	text-align: center;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0;
	padding-right: 0;	
	border: 1px solid #CCCCCC;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left 0px;
	margin-right: 0x;
	width: 140px;
}
#menu a:hover {
	display: block;
	background-color: #0066FF;
	color: #FFFFFF;
	text-decoration: none;
}

/*centrale*/

#content {
width: 630px;
float: right;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 1em;
}

#sezione {
padding-bottom: 10px;
}
	
.data
{
font-family: "Verdana";
font-size: 11px;
line-height: 16px;
font-style: italic;
display: block;
}

.leggi a
{
color: #0066FF;
font-family: "Verdana";
font-size: 11px;
line-height: 16px;
display: block;
margin-bottom: 1em;
}

#navigazione a
{
color: #0066FF;
font-family: "Verdana";
font-size: 12px;
line-height: 16px;
display: block;
float: left;
margin-right: 1em;
margin-bottom: 1em;
}

#classifiche a
{
color: #0066FF;
font-family: "Verdana";
font-size: 12px;
line-height: 16px;
display: block;
float: left;
margin-right: 1em;
}

.colonna {
width: 50%;
float: left;
}

.classifiche
{
margin-top: 1em;
margin-bottom: 1em;
}

.slideshow
{
float: right;
margin-left: 10px;
margin-bottom: 10px;
display: block;
}

/*footer */	
#footer {
background: #BB0000;
text-align: center;
font-family:"Verdana";
font-size: 13px;
color: #FFFFFF;
clear: both;
}


/*testo */	

h3{
font-weight: normal;
font-family: "Georgia";
font-size: 23px;
letter-spacing: -1px;
padding: 0px;
margin: 0px;
}

p
{
font-family: "Verdana";
font-size: 11px;
line-height: 16px;
margin: 3px;
text-align: justify;
}

a {
text-decoration: none;
}

a:hover, .ln a:hover
{
text-decoration: underline;
}

[Myaku]

per quanto riguarda IE6, fai la prova di visualizzazione con un browser "standard" (tipo Firefox o Opera). se i box sono affiancati, potrebbe dipendere dal bug dei 3px. Diminuisci le width e applica i valori per IE tramite commento condizionale.

Cyà

[ginohernandez]

Ho ridotto width del content, infatti ora si visualizza correttamente alla destra del menu, grazie del consiglio
Adesso però il footer non si estende per tutta la larghezza del container e il problema che si presentava con IE5.5 si ripresenta anche in IE6 in questa pagina http://figcctstampa.netsons.org/classifiche/

[Myaku]

Originariamente inviato da ginohernandez
Ho ridotto width del content, infatti ora si visualizza correttamente alla destra del menu, grazie del consiglio
Adesso però il footer non si estende per tutta la larghezza del container e il problema che si presentava con IE5.5 si ripresenta anche in IE6 in questa pagina http://figcctstampa.netsons.org/classifiche/

ok, allora partiamo dall'inizio. La pagina non passa la validazione, correggi intanto gli errori di sintassi, una volta che la pagina ha codice valido, se il problema rimane proviamo a vedere doc'è l'errore

[ginohernandez]

Originariamente inviato da Myaku
ok, allora partiamo dall'inizio. La pagina non passa la validazione, correggi intanto gli errori di sintassi, una volta che la pagina ha codice valido, se il problema rimane proviamo a vedere doc'è l'errore

Ok, adesso gli unici errori che da il validatore sono legati al textile di texpattern, per il resto tutto ok, ma il rosso del footer continua a "versarsi" sul content