Compatibilità IE7 - Firefox

[italy78]

Ciao a tutti, un saluto pieno di rispetto per la professionalità che riscontro in questi forum e nei relativi utenti. Mi son deciso a disturbarvi per chiedere, se possibile, un vostro aiuto in relazione alla visione di una pagina, questa.
Come potrete verificare, l'immagine e l'intera colonna presente sulla destra viene regolarmente configurata da Firefox, mentre su IE7 il tutto si sposta in pieno testo...non so spiegarmi il perchè: il layout css che ho anche validato non ha dato problemi...mi è stato suggerito che la questione stesse li', ma francamente non so se la cosa sia attendibile a 'sto punto...se qualcuno potesse gentilmente dare un'occhiata gliene sarei grato...grazie per l'attenzione

[gordian]

La foto della ragazza se non sbaglio si trova in un blocco chiamato "COLOPHONE", al quale hai attribuito float:left.

Prova a scrivere float:right.

[italy78]

Grazie infinite, in effetti avevo trascurato l'ipotesi left/right visto che Firefox mi dava buona la visione: adesso il tutto è a destra anche su IE7 per tirare in alto il contenuto della colonna, al pari del testo per capirsi, quali valori mi conviene attribuire?
L'attuale blocco è


#colophon {
float : right;
margin : -24px 0 0 1px;
width : 183px;
height : 500px;
background : url(gfx/wmark.gif) no-repeat 0 178px;
}
* html #colophon {
margin-top : -12px;
}
#footer {
clear : both;
width : 700px;
height : 16px;
margin : 0;
padding : 8px 0 0 0;
text-align : center;
}
#footer span, #footer a {
color : #999999;
font : xx-small/1.5em Tahoma, Helvetica, Arial, sans-serif;
}
#askme {
text-align : center;
font-weight : bold;
background-color : #ffefd6;
width : 181px;
border-color : #b54221;
border-width : 1px;
border-style : solid;
}

Grazie ancora per l'aiuto

[gordian]

Riscrivi il blocco così come te lo posto io:

#colophon {
	float : right;
	width : 183px;
	height : 500px;
	background : url(gfx/wmark.gif) no-repeat 0 178px;
	position: relative;
	padding: 0;
	margin: 0;
	clear: right;
}

E ben venuto nel forum

[italy78]

Grazie del benvenuto
e grazie del duplice aiuto che su IE7 ha avuto esito perfetto
Se guardi Firefox 2.0.0.3 la cosa si è praticamente rovesciata: IE ha il blocco alla pari del testo, Firefox ora lo ha spostato in basso, laddove lo aveva IE prima: secondo te è un fatto irrecuperabile che in uno dei due browser questo layout css, questo blocco in particolare, dia problemi di visualizzazione?
Grazie ancora per l'assistenza che mi stai dedicando

[gordian]

Forse hai copiato il mio codice prima dell'ultima mia modifica sul "clear"
Controlla per favore...

[italy78]

Giusto, proprio cosi': ora è perfetto in entrambi i browser
Grazie ancora della disponibilità e della rapidità del tuo decisivo aiuto

[gordian]

Figurati
Alla prossima.

[italy78]

Altro intervento, se possibile: come si vede su IE7 la colonna di destra è lievemente spostata più in alto rispetto al livello dell'inizio del testo centrale, e 'sfora' un po' sulla destra rispetto alla barra che si trova sopra. Come fare per farla aderire al confine della barra e metterla allo stesso livello del testo? Grazie mille per l'attenzione
P.S. riporto la pagina a cui faccio riferimento

[flic]

io ho lo stesso problema e adesso cerchero' di trarre vantaggio dai consigli che sono stati dati a te, cmq per quello che ne so io la visualizzazione corretta e' quella che si ha su browser come firefox. IE è un browser che ha dei problemi a decifrare i css per cui si creano questi errori (bugs), questo è in parole povere quello che ho capito io...solo che nn ho ancora capito come si risolvono...