Layout in css

Salve!

Allora, sto rifacendo il sito mio a tre colonne coi css..

Il problema si presenta quando il blocco centrale supera il blocco di sinistra.. praticamente non rimane centrato, ma va sotto!

Ecco il css:

.menudestrobasso 
{
margin-right:10px;
margin-top:0px;
width:137px;
float:right;
display:inline;
font-size:8pt;
text-align:left;
background-image: url(menudown.png); 
background-repeat: repeat; 
}

.menusinistrobasso
{
margin-left:10px;
margin-top:0px;
width:137px;
float:left;
display:inline;
font-size:8pt;
text-align:left;
background-image: url(menudown.png); 
background-repeat: repeat; 
}

.corpoalto
{
margin-left:15px;
margin-top:0px;
float:left;
display:inline;
width:59%;
text-align:justify;
font-size:8pt;
background-image: url(01.jpg); 
background-repeat: repeat; 
}

Ovviamente non è tutto ma tanto cambiano solo le immagini di sfondo


ed ecco la pagina:

<div class="menusinistroalto">Menualto</div>
<div class="corpoalto">Corpoalto</div>
<div class="menudestroalto">Menualto</div>


<div class="menusinistro">Menu</div>
<div class="corpo">Corpo</div>
<div class="menudestro">Menua</div>

<div class="corpo">Corpo</div>

Perchè non si centra?
Ho provato a mettere center all'attributo corpo ma peggio..

[dementialsite]

Avresti un paio di link, uno che indichi l'effetto che vorresti avere (o che hai già ottenuto in determinate circostanze) e uno con quello sbagliato?

Poi, forse hai sbagliato a copiare il codice: ci sono alcune classi del CSS che non corrispondono a nessuna di quelle del documento HTML...

Stammi bene...

[SolitaryExplorer]

<div class="pagina">
<div class="testa">logo etc.</div>
<div class="sinistra">menu</div>
<div class="centro">corpo</div>
<div class="destra">menu</div>
<div class="base">copyright</div>
</div>

Imposta un layout del genere, che credimi è più funzionale del tuo.
Ora via CSS assegna una larghezza a pagina insieme ad altre piccole istruzioni.

.pagina {margin: 0 auto; padding: 0; width: *dimensione massima che preferisci*}
.sinistra {width: *dimensione in percentuale*; float: left}
.centro {width: *dimensione in percentuale*; float: left}
.destra {width: *dimensione in percentuale*; float: left}
.base {clear: both}

Bada solo che la somma delle percentuali di tutte e tre le colonne sia pari a 99% e non 100%.
Questo solamente per evitare di avere alcuni problemi con Internet Explorer.
A ".testa" e ".base" non occorre assegnare una larghezza, dato che già assumono automaticamente il valore del 100% di larghezza.
Inoltre non capisco l'utilità del tuo "display:inline;".
In questo caso non è necessario.

Ciauz!

P.S. Se hai bisogno riposta ancora! :D

Purtroppo non ho link, e non ho trovato in rete una cosa simile (cioè questa cosa mi serviva per il sito mio, ma ho fatto con tabelle+div), e me lo lavoro in locale (per un altro progettino..)

Alcune classi non corrispondono perchè ancora non le ho inserite..

Grazie Solitary, ora non ho la forza di provare il codice che mi hai dato (03.55) ma domani me lo guardo un pò :)

Tabelle + DIV??????????????????????????????????????????????? ??????
Scusa perché???

Perchè coi div e basta si sfasava in modo assurdo con tutti i browser tranne ff, le cose non stavano come era logico che stessero.. e dato che ultimamente di tempo non ne ho, ho fatto così, si, è una cosa assurda, uso i <td class=""> però regge allo scopo, ci ho messo poco, e se un giorno avrò abbastanza tempo da spenderci, lo farò in div puri..

Naaaa dai! Purtroppo in un primo momento può essere problematico creare un layout soli div ma alla fine ne vale sempre la pena credimi...è un tipico layout tre colonne no? La rete è piena di siti a tre colonne! Copia e incollati il codice di un sito che ti piace

Sarebbe un buon modo di partire secondo me..

Non so poi se avevi visto questo sito:

http://www.constile.org/template/nuovo_layout_a_tre_colonne/

E comunque ce ne sono altri di siti!

Ho trovato un template che pare faccia il caso mio.. ora lo modifico a manetta e vi faccio sapere..


Grazie Attori, ma avevo già visto quel template

Eccomi ancora qui..

http://www.metaphorock.it/nuovo/

Con ff tutto ok, è con ie che da un "piccolo" problema, credo sia dovuto a cutenews..

Risolvo come secondo voi?

A me sembra buono.... E' uguale firefox, IE ed Opera...

Boh..
a me si vede così:
http://img223.imageshack.us/img223/9820/immagine4lo.gif

e se ci passo sopra:
http://img223.imageshack.us/img223/2...magine27sa.gif

Non notare la qualità delle immagini, l'ho dovuta abbassare :)

Ah ecco.. Ho fatto il riaggiornamento della pagina in IE e adesso da anche a me il difetto con IE...

Sto guardando il tuo codice ma... non avevi detto che avevi trovato un layout come si deve? Io vedo che stai usando un layout tabellare....

Comunque... Guarda io proverei a fare così:
- dove c'è l'immagine nella header della pagina il:

<img src="/theme/logo.jpg" alt=""> 

lo farei diventare:

<img src="/theme/logo.jpg" alt="logo del sito" width=540 height=70 > 

Fai queste prove ma ti sconsiglio vivamente di usare questo layout tabellare, usa di piu i CSS (anche la header, tutto cio che puoi fare con i CSS fallo con i CSS..), e non usare attributi proprietari

Ma stiamo parlando della stessa pagina?


http://www.metaphorock.it/nuovo/

e tanto tabellare non è

<body>
<div id="box"> 


<!-- Colonna sinistra -->
<div id="menusx">


<!-- Menu sinistro-->


    <div class="boxmenu">
			                   
              <div class="headmenu">
                   Menu
              </div>

				
    <center>
  Vocimenu                                                                                           

    </center>
    </div>
    





    <div class="boxmenu">
			                   
              <div class="headmenu">
                   Altro menu
              </div>
				
				                        
Altre voci menu
				                       
    </div>




    <div class="boxmenu">
			                   
              <div class="headmenu">
		   Altro menu
              </div>
			Voci e ancora voci
    <center>
                                                     
				                       
    </center>
    </div>




    <div class="boxmenu">
			                   
              <div class="headmenu">
              		   Altro menu
              </div>
			Voci e ancora voci
    <center>
                                             

				                       
    </center>
    </div>





     


<!-- /Menu sinistro-->


</div>
<!-- /Colonna sinistra-->

<!-- Colonna destra -->
<div id="menudx">


<!-- Menu Destro-->


    <div class="boxmenu">
			                   
              <div class="headmenu">
		   TOpic
              </div>
			
    ciccio di nonna papera va in paese a comprare il cibo
				                       
    </div>




    <div class="boxmenu">

			                   
              <div class="headmenu">
                   Archivio
              </div>
			
    <center>
                                             
   
				                       
    </center>
    </div>




    <div class="boxmenu">

			                    
              <div class="headmenu">
		   Album
              </div>
		
    <center>
                                            

				                       
    </center>
    </div>




    <div class="boxmenu">

			                    
              <div class="headmenu">
                   Ads
              </div>
		
    <center>
                                         

				                       
    </center>
    </div>




<!-- /Menu destro-->

</div>
<!-- /Colonna destro-->



<!-- Parte centrale -->
<div class="corpo">
<br /><div class="centrale">

<div class="headmenu">
Google ads

</div>
				
<div class="testo">ccccccc</div>
		

</div>
<div class="centrale">

<div class="headmenu">
Rock News


</div>
				
<div class="testo">04 Apr 2006 - <a href="/nuovo/index.php?subaction=showfull&amp;id=1144151501&amp;archive=&amp;start_from=&amp;ucat=1&amp;">Nuovo album per gli evanescence</a><br />29 Mar 2006 - <a href="/nuovo/index.php?subaction=showfull&amp;id=1143627495&amp;archive=&amp;start_from=&amp;ucat=1&amp;">Eagles in concerto</a><br />10 Mar 2006 - <a href="/nuovo/index.php?subaction=showfull&amp;id=1142008810&amp;archive=&amp;start_from=&amp;ucat=1&amp;">Bob Dylan Tour 2006</a><br />25 Feb 2006 - <a href="/nuovo/index.php?subaction=showfull&amp;id=1140864716&amp;archive=&amp;start_from=&amp;ucat=1&amp;">Recensione Question Mark, Neal Morse</a><br /><div style="margin-top:15px;width:100%;text-align:center;font:9px Verdana;">Content Management Powered by <a href="http://cutephp.com/" title="CuteNews - PHP News Management System">CuteNews</a></div><!-- News Powered by CuteNews: http://cutephp.com/ --> </div>

		
</div>

<div class="centrale">

<div class="headmenu">
Hard Rock News


</div>
				
<div class="testo">04 Apr 2006 - <a href="/nuovo/index.php?subaction=showfull&amp;id=1144151570&amp;archive=&amp;start_from=&amp;ucat=2&amp;">Altre date per i Deep Purple</a><br />14 Feb 2006 - <a href="/nuovo/index.php?subaction=showfull&amp;id=1139946930&amp;archive=&amp;start_from=&amp;ucat=2&amp;">Chinese democracy, nuovo album dei Guns N' Roses, in arrivo</a><br /><!-- News Powered by CuteNews: http://cutephp.com/ --> </div>
		
</div>

<div class="centrale">

<div class="headmenu">
Metal news


</div>
				
<div class="testo">04 Apr 2006 - <a href="/nuovo/index.php?subaction=showfull&amp;id=1144151501&amp;archive=&amp;start_from=&amp;ucat=1&amp;">Nuovo album per gli evanescence</a><br />29 Mar 2006 - <a href="/nuovo/index.php?subaction=showfull&amp;id=1143627495&amp;archive=&amp;start_from=&amp;ucat=1&amp;">Eagles in concerto</a><br />10 Mar 2006 - <a href="/nuovo/index.php?subaction=showfull&amp;id=1142008810&amp;archive=&amp;start_from=&amp;ucat=1&amp;">Bob Dylan Tour 2006</a><br />25 Feb 2006 - <a href="/nuovo/index.php?subaction=showfull&amp;id=1140864716&amp;archive=&amp;start_from=&amp;ucat=1&amp;">Recensione Question Mark, Neal Morse</a><br /><!-- News Powered by CuteNews: http://cutephp.com/ --> </div>

		
</div>

<div class="centrale">

<div class="headmenu">
Recensioni del mese


</div>
				
<div class="testo">Rec</div>
		
</div>

</div>


<!-- /Parte centrale -->
</div>
</body>

Edit:
Ecco, è pure valido ora :D

Edit2:
Cmq al layout tabellare non da errore, solo a quello divvato

Dho!! Mi spiace! Avevo la pagina vecchia su firefox e la pag. nuova su IE..
E' strano questo difetto ma è tipico di IE.. Lo fa anche in una pagina di un mio sito ma certo in misura minore... Posso dirti che, nel mio caso, il problema era nei float degli elementi.. Se io mettevo i float, gli elementi di layout a destra e a sinistra dell'elemento sparivano.... Bastava evidenziali col mouse per farli ricomparire magicamente (ovviamente, solo su IE, altrove funzionava perfettamente tutto..)

A questo punto metto pure il css io non so più dove mettere le mani -.-

/* Stile pagina  */
body 
{
 background-color: #000000;
 font-size: 10px;
 font-family: Verdana,Helvetica,sans-serif; 
 text-align: center;
}

#barra
{ 
background-image: url(/theme/01.png);
text-align:center;
font-size:11px; 
}

#box {
 background-color: #000000;
 padding-right: 0px;
 padding-left: 0px;
 padding-top: 5px;
 width: 100%;
 margin-top: 10px;
 margin-left: auto;
 margin-right: auto;   
}


.corpo {
 color: #FFFFFF;
 margin-left: 150px;
 margin-right: 150px;
 margin-bottom: 10px;
 background-color: #000000;
 padding-bottom: 15px;
 text-align: justify;
 position: center;
}
 
#menusx {
        padding-bottom: 15px;	
        margin-bottom: 10px;
        margin-top: 10px;
        background-color: #000000;
        float: left;
        text-align: left;
        color: #666666;
        width: 140px;
        width: 140px;
        width: 140px;
}  

#menudx {
        padding-bottom: 15px;	
        margin-bottom: 10px;
        margin-top: 10px;
        background-color: #000000;
        float: right;
        text-align: left;
        color: #666666;
        width: 140px;
        width: 140px;
        width: 140px;
}

/* Tutti i box della pagina  */

.boxmenu {
	margin-bottom: 15px;
	padding: 3px;
	padding-bottom: 15px;
        border: 1px solid #FFFFFF;
        background-color: #B83333;
}
.headmenu {
 background-color: #B83333;
 color: #FFFFFF;
 padding-top: 4px;
 padding-bottom: 4px;
 border-bottom: 1px solid #FFFFFF;
 margin-bottom: 2px;
 font-weight:bold; 
 text-align: center;

          
}
.boxmenu {
	margin-bottom: 10px;
	padding: 0px;
	padding-bottom: 15px;
        border: 1px solid #FFFFFF;
        background-color: #191919;
}

/*  parte centrale  */
.testo{
        color: #666666;
		background-color: #191919;
        text-align: justify; 
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 20px;       
}  

.centrale {
	margin-bottom: 15px;
	padding: 0px;
        border: 1px solid #FFFFFF;
        background-color: #191919;
}


/* Stile link */

a:link 
{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px; color: #A3A3A3; text-decoration: none;
}
a:visited
{ 
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 10px; color: #C7C6C6; text-decoration: none; 
}
a:active 
{ font-family: verdana, arial, helvetica, sans-serif; 
font-size: 10px; color: #C7C6C6; text-decoration: none;
}
a:hover 
{ font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px; color: #C74848; 
}

a.ccc:link
{ 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px; color: #FFFFFF; 
text-decoration: none; 
}
a.ccc:visited 
{
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 10px; color: #FFFFFF; 
text-decoration: none;
}
a.ccc:hover
{ 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
}
a.barralink:link
{ 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px; color: #FFFFFF;
text-decoration: none; 
}
a.barralink:visited 
{
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 11px;
color: #FFFFFF; 
text-decoration: none;
}
a.barralink:hover
{ 
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 11px; 
color: #FFFFFF;
}

a.barralink2:link
{ 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px; color: #FFFFFF;
text-decoration: none; 
}
a.barralink2:visited 
{
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 11px;
color: #FFFFFF; 
text-decoration: none;
}
a.barralink2:hover
{ 
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 11px; 
color: #FFFFFF;
}

E questa cosa me la faceva anche con un altro layout (sempre div)

Penso che il problema con IE che stai avendo tu adesso sia lo stesso che avevo io...
Ti consiglierei di trovare un'altro modo di sistemare il layout.. Attualmente mi pare che sia:

- 1 - div colonna sinistra che ha float a sinistra
- 2 - div colonna destra con float a destra
- 3 - div della colonna centrale ma senza float

io ristrutturerei l'html di questo sito ma cambiando l'ordine del codice delle colonne, e i loro float facendo:

- 1 - div colonna sinistra con float a sinistra
- 2 - div colonna centrale con float a sinistra
- 3 - div colonna destra con float a destra

Non so se mi sono spiegato..
;)

Effettivamente il problema si risolve... peccato ne crea uno ancora un pò più evidente.. :D

LOL!! devi solo risistemare alcuni dettagli.. Prova così:

/* Stile pagina  */
body 
{
 background-color: #000000;
 font-size: 10px;
 font-family: Verdana,Helvetica,sans-serif; 
 text-align: center;
}

#barra
{ 
background-image: url(/theme/01.png);
text-align:center;
font-size:11px; 
}

#box {
 background-color: #000000;
 padding-right: 0px;
 padding-left: 0px;
 padding-top: 5px;
 width: 100%;
 margin-top: 10px;
 margin-left: auto;
 margin-right: auto;   
}


.corpo {
 color: #FFFFFF;
 margin-left: 10px;
 margin-right: 10px;
 width:69%;
 margin-bottom: 10px;
 background-color: #000000;
 padding-bottom: 15px;
 text-align: justify;
 float: left;
}
 
#menusx {
        padding-bottom: 15px;    
        margin-bottom: 10px;
        margin-top: 10px;
        background-color: #000000;
        float: left;
        text-align: left;
        color: #666666;
        width: 14%;
}  

#menudx {
        padding-bottom: 15px;    
        margin-bottom: 10px;
        margin-top: 10px;
        background-color: #000000;
        float: right;
        text-align: left;
        color: #666666;
        width: 14%;

}

/* Tutti i box della pagina  */

.boxmenu {
    margin-bottom: 15px;
    padding: 3px;
    padding-bottom: 15px;
        border: 1px solid #FFFFFF;
        background-color: #B83333;
}
.headmenu {
 background-color: #B83333;
 color: #FFFFFF;
 padding-top: 4px;
 padding-bottom: 4px;
 border-bottom: 1px solid #FFFFFF;
 margin-bottom: 2px;
 font-weight:bold; 
 text-align: center;

          
}
.boxmenu {
    margin-bottom: 10px;
    padding: 0px;
    padding-bottom: 15px;
        border: 1px solid #FFFFFF;
        background-color: #191919;
}

/*  parte centrale  */
.testo{
        color: #666666;
        background-color: #191919;
        text-align: justify; 
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 20px;       
}  

.centrale {
    margin-bottom: 15px;
    padding: 0px;
        border: 1px solid #FFFFFF;
        background-color: #191919;
}


/* Stile link */

a:link 
{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px; color: #A3A3A3; text-decoration: none;
}
a:visited
{ 
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 10px; color: #C7C6C6; text-decoration: none; 
}
a:active 
{ font-family: verdana, arial, helvetica, sans-serif; 
font-size: 10px; color: #C7C6C6; text-decoration: none;
}
a:hover 
{ font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px; color: #C74848; 
}

a.ccc:link
{ 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px; color: #FFFFFF; 
text-decoration: none; 
}
a.ccc:visited 
{
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 10px; color: #FFFFFF; 
text-decoration: none;
}
a.ccc:hover
{ 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
}
a.barralink:link
{ 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px; color: #FFFFFF;
text-decoration: none; 
}
a.barralink:visited 
{
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 11px;
color: #FFFFFF; 
text-decoration: none;
}
a.barralink:hover
{ 
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 11px; 
color: #FFFFFF;
}

a.barralink2:link
{ 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px; color: #FFFFFF;
text-decoration: none; 
}
a.barralink2:visited 
{
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 11px;
color: #FFFFFF; 
text-decoration: none;
}
a.barralink2:hover
{ 
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 11px; 
color: #FFFFFF;
} 

Dovrebbe funzionare.. Poi bisognerebbe centrare i contenuti delle colonne nelle rispettive colonne (forse... ) non so vedi un po.. Devi fare un po di prove

[SolitaryExplorer]

Non allineare a destra la colonna di destra, ma allinea tutto a sinistra.

Prova questo: http://forum.altervista.org/showpost...19&postcount=3

Grandissimo :D

Ora quello è sistemato, ma da sempre errore, sempre con ie, come se creasse un'altra sezione sotto tutte le altre -.-

http://www.metaphorock.it/nuovo/


edit: huuuu ora funziona tutto! che bello

Cucù :D

Stavo sistemando il tutto quando ho notato che per l'ennesima volta errorizza con ie, ho provato a vedere il codice ma mi pare tutto apposto

http://www.metaphorock.it/nuovo/

[SolitaryExplorer]

Hai rimesso online il precedente ed errato foglio CSS.

Me lo fa lo stesso.. -.-

Cmq l'ho modificato il foglio di stile, ora è:

 /* Stile pagina  */
body 
{
 background-color: #000000;
 font-size: 10px;
 font-family: Verdana,Helvetica,sans-serif; 
 margin-left: 0px;
 margin-right: 0px; 
 margin-top: 0px; 
 color: #FFFFFF;
}

#barra
{ 
background-image: url(/theme/01.png);
text-align:center;
font-size:11px;
margin-left: 0px;
margin-right: 0px;
padding: 3px;   
}

.form 
{ 
margin:2px; 
border:1px solid #777777; 
background-color:#D8D8D8; 
color:#363636; 
font-family:Verdana,Helvetica,sans-serif; 
font-size:10px; 
}

#box {
 background-color: #000000;
 padding-right: 0px;
 padding-left: 0px;
 padding-top: 5px;
 width: 100%;
 margin-top: 10px;
 margin-left: auto;
 margin-right: auto;   
}


.corpo {
 color: #FFFFFF;
 margin-left: 10px;
 margin-right: 10px;
 width:62%;
 margin-bottom: 10px;
 background-color: #000000;
 padding-bottom: 15px;
 text-align: justify;
 float: left;
}
 
#menusx {
        padding-bottom: 15px;    
        margin-bottom: 10px;
        margin-top: 10px;
        background-color: #000000;
        float: left;
        text-align: left;
        color: #FFFFFF;
        width: 17%;
		margin-left: 3px;
  
}  

#menudx {
        padding-bottom: 15px;    
        margin-bottom: 10px;
        margin-top: 10px;
        background-color: #000000;
        float: right;
        text-align: left;
        color: #FFFFFF;
        width: 17%;
		margin-right: 3px;   

}

/* Tutti i box della pagina  */

.boxmenu {
    margin-bottom: 15px;
    padding: 3px;
    padding-bottom: 15px;
        border: 1px solid #FFFFFF;
        background-color: #B83333;
}

.headmenu 
{
 background-color: #B83333;
 color: #FFFFFF;
 padding-top: 4px;
 padding-bottom: 4px;
 border-bottom: 1px solid #FFFFFF;
 margin-bottom: 2px;
 font-weight:bold; 
 text-align: center;        
}


.headmenu2 
{
 background-color: #B83333;
 color: #FFFFFF;
 padding:2px 8px 2px 8px; 
 border-bottom: 1px solid #FFFFFF;
 margin-bottom: 2px;
 font-weight:bold; 
 text-align: left;   
 
}

.boxmenu 
{
    margin-bottom: 10px;
    padding: 0px;
    padding-bottom: 15px;
        border: 1px solid #FFFFFF;
        background-color: #191919;
		color: #FFFFFF;
}

/*  parte centrale  */


.centrale {
    margin-bottom: 15px;
    padding: 0px;
        border: 1px solid #FFFFFF;
        background-color: #191919;
		color: #FFFFFF;
}


/* Stile link */

a:link 
{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px; color: #A3A3A3; text-decoration: none;
}
a:visited
{ 
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 10px; color: #C7C6C6; text-decoration: none; 
}
a:active 
{ font-family: verdana, arial, helvetica, sans-serif; 
font-size: 10px; color: #C7C6C6; text-decoration: none;
}
a:hover 
{ font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px; color: #C74848; 
}

a.ccc:link
{ 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px; color: #FFFFFF; 
text-decoration: none; 
}
a.ccc:visited 
{
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 10px; color: #FFFFFF; 
text-decoration: none;
}
a.ccc:hover
{ 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
}
a.barralink:link
{ 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px; color: #FFFFFF;
text-decoration: none; 
}
a.barralink:visited 
{
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 11px;
color: #FFFFFF; 
text-decoration: none;
}
a.barralink:hover
{ 
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 11px; 
color: #FFFFFF;
}

a.barralink2:link
{ 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px; color: #FFFFFF;
text-decoration: none; 
}
a.barralink2:visited 
{
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 11px;
color: #FFFFFF; 
text-decoration: none;
}
a.barralink2:hover
{ 
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 11px; 
color: #FFFFFF;
}

[SolitaryExplorer]

#menudx {
        padding-bottom: 15px;    
        margin-bottom: 10px;
        margin-top: 10px;
        background-color: #000000;
        float: right;
        text-align: left;
        color: #FFFFFF;
        width: 17%;
		margin-right: 3px;

Usa left!

Quell'errore dava e quell'errore da..

Putroppo non va :(

[SolitaryExplorer]

Aggiornati la cache di Internet Explorer, vedrai che è tutto a posto!

Ho aggiornato ma boh, l'errore lo da ancora...

(io parlo di quel riquadro che compare sotto le recensioni, metti che stiamo facendo casino )

[SolitaryExplorer]

Senti, io vedo tutto correttamente.
Se vuoi usa questo servizio http://browsershots.org/, così puoi capire come lo vede chiunque oltre a te.



Ciauz!

Ti ringrazio, quel sito lo cercavo già da diverso tempo^^

Cmq io lo vedo così

[SolitaryExplorer]

E io lo vedo come lo vede broswershot.org.
Evidentemente il problema è del tuo browser, che magari è una vecchia versione.