[CSS] Problema con IE

stable

[CSS] Problema con IE

Ragazzi ho un problemone con il sito www.immigrazione.biz
Non so perchè ma con internet explorer tutto mi viene spostato a
destra. Per piacere non so come fare e vorrei un aiuto.
Grazie.
Il css è qui:
http://www.immigrazione.biz/style.css

xx

ienavr

prova a impostare la width del div "righty" a 770px...

stable

fatto così come dici tu:
#righty div
{
width: 770px;
}

ma il risultato purtroppo non cambia.. Altri aiuti please?

ienavr

io non ho detto di fare così...ho detto di sostituire questo:

**#righty
{
margin-top: 10px;
width: 160px;
height: auto;
color: #00008B;
float: right;
margin-right: 5px;
font-family: Verdana, Arial, sans-serif;
}
**
con questo

**#righty
{
margin-top: 10px;
width: 770px;
height: auto;
color:;
float: right;
margin-right: 5px;
font-family: Verdana, Arial, sans-serif;
}
**

e questo pezzo di codice buttalo via:

#righty div
{
width: 770px;
}

stable

allora intanto ti ringranzio per il codice... però adesso il testo che prima era spostato tutto sulla destra adesso è centrale come volevo io (ottimo :P) ma tutto il menu di destra viene visualizzato nella parte alta del sito...
come mai? grazie ancora

stable

nessun'altro riesce ad aiutarmi?

mreolo

@stable said:

nessun'altro riesce ad aiutarmi?

Ciao, ho analizzato un po il codice...
dopo un pò di prove il risultato su IE è corretto:

ecco le modifiche che ho apportato:

1) codice html della pagina:

ho cambiato la disposizione della sezione <div id="righty"> nel flusso html del codice (ho messo prima la sezione content e poi la sezione righty):

</div>

poi ho apportato le seguenti modifiche al css:

#righty
{
margin-top: 10px;
margin-left: 620px;
height: auto;
color: #00008B;
margin-right: 5px;
font-family: Verdana, Arial, sans-serif;
}

{
width: 120px;
font-size: 1em; color: #000000;
}

Dovrebbe funzionare bene.

stable

Grazie per avermi aiutato, ma proprio non non mi cambia

mreolo

@stable said:

Grazie per avermi aiutato, ma proprio non non mi cambia

Ti mando il file su cui ho fatto le prove.
Testato su IE 6.0

vale76

ciao, ti segnalo che anche con Opera ci sono dei problemi.. appare lo scroll orizzontale, e se uno guarda partendo dall'alto, fino al pulsante di log in sembra tutto in ordine, poi ci si accorge che i links di "Primo Piano" sforano molto dal layout e vanno tutti a destra.

stable

ragazzi davvero, con questo ci rinuncio e rifaccio tutto da capo.
Vi ringrazio comunque per la disponibilità e la cortesia.

vale76

oddio adesso mi sento in colpa.. è per quello che ho segnalato io ?

stable

No vale veramente non sentirti in colpa. Anzi ti ringrazio immensamente per l'aiuto che mi hai dato. Avevo comunque intenzione di cambiare il layout e quindi farò di tutto per adattarlo (ahimè) anche ad IE.
Grazie a tutti

vale76

@stable said:

No vale veramente non sentirti in colpa. Anzi ti ringrazio immensamente per l'aiuto che mi hai dato. Avevo comunque intenzione di cambiare il layout e quindi farò di tutto per adattarlo (ahimè) anche ad IE.
Grazie a tutti

ciao, stable
figurati che aiuto ti ho dato io :redface:
però se hai deciso di rifare il layout per il tuo sito, ti auguro che riesca più bello di prima

rinino

secondo me è perchè il div in cui metti tutto il contenuto è troppo grande.
Ovviamente, non trovando spazio scala tutto...
Prova a ridimensionarlo, anche di pochi px...

A me succede spesso!

stable

Ragazzi anche grazie al vostro aiuto ho messo on line il nuovo sito. Ecco il link: http://www.immigrazione.biz

Ciauz

donbairo

Ciao a tutti e scusate se non ho visto prima il post.

Questo è un problema abbastanza comune per l'allineamento centrale del sito

Per rendere uniforme la visualizzazione tra Firefox IE6 e altri bisogna modificare in questo modo:

Se avete bisogno di fare un Box che contenga tutto il sito per la larghezza di 750 px e la lunghezza fino alla fine

(per esempio io ho usato questo procedimento per il mio forum phpBB che con il tema di default occupa il 100% della pagina)

Il procedimento normale sarebbe:

**#boxsito
{
width: 700px;
margin: 0 auto
}
**
poi inserite dopo il <body>

bla bla bla

</div>
questo va alla fine del documento

ma c'è un problemino, va bene con opera, firefox, ecc ecc ma con IE6 ti mette il box non centrato ma a sinistra.

Per risolvere questo inconveniente, che se state a provare fa diventare matti,
è sufficiente modificare il codice in questo modo:

** body
{
text-align: center
}

#boxsito
{
text-align: left;
width: 750px;
margin: 0 auto
}
**
In questo modo la visualizzazione diventa standard per tutti i browser.

Spero di essere stato di aiuto.

Alibrando

stable

Prima di uscire totalmente pazzo ho cambiato veste al sito, e questa devo dire la verità me gusta di più.

vale76

stable, mi sembra ottimo!

stable

grazie Vale76. Visto che con i css non sono un genio ho voluto rinnovarlo e devo dire che sia con la grafica molto molto semplice, sto avendo le prime soddisfazioni...