Strano comportamento CSS

[Gio&Ste]

Salve, mi si sta verificando una cosa alquanto strana:
ho realizzata una pagina utilizzando dei fogli di stile, il problema è che in locale si vede in un modo, quando carico la pagina sul server remoto mi vengono fuori dei pasticci.
Ciò succede solo con IE.

[Federix]

E noi come facciamo a capire dove sta l'errore??? O metti il link della pagina oppure metti il foglio di stile.

[Gio&Ste]

Metto il foglio di stile

/*stili per il layout fluido*/
html,body{margin: 0;padding:0}
body{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em}
div#container{position: relative; margin: 0px;
border-left: 1px solid #000; border-right: 1px solid #000; background-color: #BDDEFF;color: #000;text-align: left}

/*stili generici, su header e footer*/
div#header{height:73px;background-color:#36C;color: #ff0; background-image: url(../images/panoramica.gif)}
div#header h1 {font:bold italic 40px/50px verdana, helvetica, sans-serif; margin: 0; text-indent: 10px}
div#header a{color: #eee;text-decoration:none}
h1,h2,h3,p{margin: 0}
p{padding-bottom: 10px; padding-top: 5px}
h3{padding-top: 10px}
h1{padding-left:10px;font: bold 2.3em/80px georgia,times,serif}
h2{font-size: 1.5em; padding-bottom:5px}
h3{font-size: 1.2em; padding-bottom:5px}
div#footer a{color:#fff;font-weight: bold;text-decoration: underline}

/*stili specifici per il layout*/
div#navigation{position: absolute; top: 90px; left: 0;
width: 160px;\width:170px;w\idth:160px;padding: 1em 5px;}
div#extra{position: absolute; top: 90px; right: 0;
width: 160px;\width:170px;w\idth:160px;padding: 1em 5px}
div#content{margin: 0 170px;padding: 1em 10px; background-color: #FFF; min-height: 465px; height: auto !important; height: 465px}
div#footer{text-align:center; padding: 5px 0;
background-color: #69c; color: #000}

/*stili per la navigazione*/
div#minilink a{margin: 20px 0;display: block;border: 1px inset #666;width:90px;line-height: 40px;
background-color: #fff;color: #000;text-align: center;text-decoration: none}
div#minilink a:hover{font-size: 2em;font-weight: bold;color: #ccc}

div#navigation ul{margin: 0;padding: 0; list-style-type: none}
div#navigation li{margin: 0;padding: 0}
div#navigation a{color:#369;font: normal bold 1.2em/1.4em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #033;text-decoration: underline}
div#navigation a#activelink{color: #033;text-decoration: none}
div#navigation p{font-size: 100%}

/*stili per la sezione extra*/
div#extra div.newsbox{font-size: 100%;margin-bottom: 2em}
/*div#extra div.newsbox h2{color: #000;font-size: 1.2em}*/
div#extra div.newsbox h2{FONT-WEIGHT: bold;
FONT-SIZE: 1.2em;
COLOR: #000;
TEXT-INDENT: 5px;
BORDER: #000 1px solid;
FONT-FAMILY: Verdana, Georgia, "Times New Roman", Times, serif;
BACKGROUND-COLOR: #FFCC66;}
div#extra div.newsbox p{margin: 0}

/*stile per il menù*/
div#navigation div.sinistratitolo {
FONT-WEIGHT: bold;
FONT-SIZE: 1.2em;
COLOR: #000;
TEXT-INDENT: 5px;
BORDER: #000 1px solid;
FONT-FAMILY: Verdana, Georgia, "Times New Roman", Times, serif;
BACKGROUND-COLOR: #FFCC66;
}
div#navigation div.menu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .92em;
font-weight: bold;
color: #000000;
background-color: #FFFFFF;
padding: 0px;
}
div#navigation div.menu a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .92em;
font-weight: bold;
color: #000000;
text-decoration: none;
text-indent:5px;
background-color: #FFFFFF;
display: block;
width: auto;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-top: 1px solid #FFFFFF;
padding: 1px;
}
div#navigation div.menu a:hover {
background-color: #EAEAEA;
}
div#navigation div.menu a#activelink{color: #f00;text-decoration: none}

div#navigation div.sottomenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .92em;
font-weight: bold;
color: #FFFEEE;
background-color: #FFFFFF;
padding: 0px;
}
div#navigation div.sottomenu a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .92em;
font-weight: bold;
color: #000000;
text-decoration: none;
text-indent:5px;
background-color: #EAEAEA;
display: block;
width: auto;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-top: 1px solid #FFFFFF;
padding: 1px;
}
div#navigation div.sottomenu a:hover {
background-color: #ECECEC;
}
div#navigation div.sottomenu a#activelink{color: #ff0;text-decoration: none}


/*stili per i contenuti*/
div#content{border-left: 1px solid #999; border-right: 1px solid #999}
div.textimage{border-bottom: 1px dotted #999; width: 100%} /*risolve il peek-a-boo bug di IE6*/
div.textimage h2{margin-top: 10px}
div.textimage img{float:left;margin: 10px}
div.textimage1{width: 100%} /*risolve il peek-a-boo bug di IE6*/
div.textimage1 img{float:left;margin: 10px}
div.textimage2{width: 100%} /*risolve il peek-a-boo bug di IE6*/
div.textimage2 img{float:right;margin: 10px}

div#content,div.split2 div,div.split3 div {position:relative;}
div.wide,div.split2,div.split3{clear:left}
div.wide{margin: 0 1%; border-top: 1px dotted #ccc}
div.split2 div{float: left; width: 47%; padding: 0 5px; border-top: 1px dotted #ccc}
div.split3 div{float: left; width: 31%; padding: 0 5px; border-top: 1px dotted #ccc}

/* barra briciole di pane */
#barretta {
background-color: #3399FF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
text-align:left;
text-indent:10px;
color: #FFFFFF;
border-top: 2px solid #CCCCCC;
border-bottom: 2px solid #CCCCCC;
padding-left: 1px;
padding-top: 2px;
padding-bottom: 2px;
}

#barretta a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background-color: #3399FF;
margin-right: 2px;
}

#barretta a:hover {
color: #000000;
background-color: #FFFF00;
text-decoration: none;
}
.no {display:none;}
.bold { font-weight:bold}
.evidenza { font-weight:bold; color:#FF0000}
.acro {border-top: 1px dotted #ccc; border-bottom:1px dotted #ccc}

[Sonikag]

A occhio le uniche cose che non ho mai visto (ma magari sono giuste) sono i font dichiarati così:
FONT-FAMILY: Verdana, Georgia, "Times New Roman", Times, serif;

Ma da come parli non penso sia un problema di font...

In specifico qual'è il problema?

[Gio&Ste]

il testo della colonna di destra va fuori, ma ciò succede solo se carico la pagina sul server remoto, in locale vedo tutto bene.

Il validatore W3c dei CSS il foglio di stile me lo valida, quindi penso che si possa usare quanto ho scritto per il font-family

[Jerry Masslo]

il link sarebbe meglio, così non si può provare, servirebbe anche l'html e in ogni caso il link sarebbe sempre più comodo

[Francis87]

se visualizzi la pagina con lo stesso browser in locale ed in remoto devi avere lo stesso risultato.
controlla la cache del browser.

cmq si, il link alla pagina sarebbe l'ideale x aiutarti

[Gio&Ste]

Ho capito quale è il problema, nella colonna di destra estraggo dei dati da db. Quando trova delle parole troppo lunghe mi allarga la colonna.

Come posso fare per eliminrare questo problema?

[flanza]

controlla la larghezza dei dati dopo averli estratti e prima di mandarli alla pagina eventualmente tagliali