[HTML] i soliti diverbi tra IE e Mozilla

[Taitaonline]

Stavo cercando di creare una specie di "template" per una pagina e devo dire che, bene o male, ci sono riuscito:

ho creato la mia bella tabella con la cornice e all'interno ci vado a scrivere tutto quello che devo... Ora i felici possessori di Mozilla la vedranno qui:
http://taitaonline.altervista.org/biliardo/regole8.html e la vedranno bene, cioè, senza stacchi tra l'immagine in alto (quella con le due buche) e il resto della cornice laterale... Perchè questo non avviene se si visualizza la pagina con IE ? Ma, soprattutto, perché visualizzando la pagina con IE, questo stacco si vede solo in cima alla pagina e non anche in fondo (cioè, tra la conice laterale e l'immagine in fondo) ? Eppure il codice è scritto in maniera identica....
Per evitare di farvi fare su è giù con il codice, vi posto la stessa pagina ma senza il testo completo: http://taitaonline.altervista.org/bi.../regole82.html cosicché il codice della tabella vi risulti più immediato; dove sbaglio ?

fammi analizzare il codice.. (dopo aver fatto la doccia).. secondo me l'errore è inerente al colspan="3".. magari ha un bordo in IE che firefox non ha.. anche se sotto dovrebbe averlo lo stesso.. bho.. vediamo..

[Taitaonline]

Già... anche sotto dovrebbe essere lo stesso... È quello che dico anch'io.
Il codice è "minimo" e quindi facilmente analizabbile e l'immagine inferiore non è altro che la stessa immagine che c'è sopra, soltanto capovolta... quindi non è neppure possibile che siano di dimensioni differenti..... mah.
Oltretutto, non c'è nulla settato con i CSS e quindi non si può neppure dire che IE legge i CSS in maniera differente da Firefox....

[Taitaonline]

Non ne posso più :
Qui c'è la paginetta settata con i CSS : http://taitaonline.altervista.org/bi.../regole83.html ... stesso risultato, sigh ...
Nessuno che ha una soluzione ?

[poske]

A me una volta mi è capitato un problema molto simile...
Stranamente per visualizzare correttamente con IE è bastata una semplice modifica simile a questa:

togliere un semplice ritorno a capo, da così:

<img src="...">
</td></tr>

a così:

<img src="..."></td></tr>

Sò che sembrerà assurdo ma ho ottenuto il risultato che volevo! con firefox ovviamente visualizzavo bene la pag. anche prima di questa sciocca modifica...

Ciao!

[Taitaonline]

Un monumento, ti farei !!!



...Ma...Ma...Ma...
È veramente assurdo !
Ora, non ho sottomano Firefox ma immagino che non ci siano problemi; però adesso qualcuno ci deve spiegare il perché di questa "cosa illogica" ...
Vabbé, ho sempre sospettato che IE "interpreti" il codice, ma fino a questo punto è allucinante ...
Eternamente grato !

[gve]

LOL ... veramente assurdo ...
La mia opinione: scredo che questa non sia una cosa voluta ma un semplice baco mai corretto del motore di IE.

LOL ... veramente assurdo ...
La mia opinione: scredo che questa non sia una cosa voluta ma un semplice baco mai corretto del motore di IE.

secondo me se magnano i programmi dall'interno sti bachi.. sono sempre di più e sempre più grossi

non si potrebbero rendere pubblichi tutti sti bachi in modo da far aumentare l'uso di mozilla... ? sarebbe geniale! :D

ciao!
giako

[poske]

non si potrebbero rendere pubblichi tutti sti bachi in modo da far aumentare l'uso di mozilla... ?

Ottima idea!!! :grin:
Dal momento in cui si passa a firefox ci si rende subito conto dell'enorme differenza...

esatto! ma mi sa che è infattibile..

comunque IE interpreta una linea nel sorgente cm uno spazio, o almeno così ho capito qnd lo usAVo
ecco perkè te lo spostava, voleva far diventare anke la tua pagina SPOSTATA mentalmente cm lui ghghghghghg

[Taitaonline]

Allora... Mi è anche stato scritto che :

IE si comporta correttamente: qualunque numero di spazi o ritorno a capo tra un tag e l'altro viene interpretato come un singolo spazio, ovviamente se questo si verifica in all'interno di un tag block-level o prima o dopo un tag inline.
Per una volta IE non sbaglia

Sta di fatto che, bug o non bug, ora sappiamo che con IE ci si deve comportare in una certa maniera, e l'importante è questo, non trovate ?

Colgo l'occasione,evitando di aprire un altro topic,per dire che ho alcuni problemi di visualizzazione con Mozilla del mio sito e nello specifico la pagina "Scrivimi".
A parte il fatto che il sito è ancora in fase embrionale vista anche la mia scarsa competenza in ambito di programmazione(ancora devo sistemare le fonts in maniera decente!!! )
ma con IE si vede bene.
La pagina che "soffre"(se cosi' vogliamo dire) di piu' è la seguente:
http://thediggia.altervista.org/scrivimi.htm

Qualcuno puo' illuminarmi?
Ringrazio anticipatamente.

[Taitaonline]

Uhmmm....
Io ho guardato la pagina "incriminata" sia con IE che con Firefox e mi sembra esattamente uguale; magari dicci tu a cosa ti riferisci in particolare.

Credo che però, se nessun mod. mi smentisce, che ti convenga aprirlo un nuovo topic, che "miri" più approfonditamente al tuo problema; anche perché ormai, questo aperto da me risulta ai più già... "risolto" .

Grazie per la risposta.
Vorrei allegare un paio di screenshots con il problema ma non riesco ad inserire gli allegati(mi dice "Tipo file non valido" ) e se qualche mod mi autorizza ne apro un altro di topic.

[gve]

Non credo sia esattamente come ti hanno detto Taita: il ritorno a capo che hai dovuto togliere se ben ricordo era all'interno del tag, quindi al limite dovevi avere si` uno spazio in piu`, ma col colore di sfondo della cella, non con quello dello sfondo esterno ad essa.
Comunque concordo con la tua conclusione, l'importante e` sapere come doversi comportare.

TheDiggia, ti riferisci allo sfasamento dell'intestazione "scrivi al webmasteer"?
Si e` vero, con IE (e anche con Opera) e` ok, mentre con Firefox sfora a dx rispetto alla cella sotto.
E` un po' grezza come soluzione ma il codice e` contorto ... pero` dovrebbe funzionare.
prova a sostituire le righe 82 e 83 della pagina, ovvero:

<div class="title" style="color:#FFFFFF; background-color:#FF0000">SCRIVI AL WEBMASTER</div>
<div class="box" style="color:#000000; background-color:#FFFFFF">

con:

<div class="title" style="color:#FFFFFF; background-color:#FF0000; width:160px">SCRIVI AL WEBMASTER</div>
<div class="box" style="color:#000000; background-color:#FFFFFF; width:160px">

Grazie Gve ho provato a modificare le due righe(anche se con Frontpage le due righe sono la 58 e la 59 anziché la 82 e la 83....misteri della fede o di frontpage ).
Comunque il problema purtroppo persiste...ora "mi do all'ippica" forse è meglio
Grazie per l'aiuto,se puoi darmi altri suggerimenti li accetterei volentieri. :winkOLD:

[Taitaonline]

Frontpage ? Brutta storia !
Già è dura riuscire a collimare il codice "normale" per la corretta visualizzazione cross-browser... per riuscire a fare la stessa cosa partendo dal codice di frontpage ci vorrebbe un genio, più che altro per riuscire a "decodificare" il codice do frontpage eheheh...

Ma noi siamo qui apposta (ci piace impazzire) ...
Credo che il tuo problema non sia nel codice della pagina vera e propria ma nel CSS ( quello che tu chiami "remotebox_style" ) ... questo perché andando a togliere le due classi (class=title e class=box), dai rispettivi DIV, l'intestazione non "sfasa" più....

... Credo però di aver risolto ... (e se così fosse, "gongolerei" per una settimana, eheheh)

Allora, io ho fatto così :
1) Nella pagina principale ho tolto i parametri "width=160px" dai due tag <DIV>: title e box. (ma non credo che possano creare problemi anche a lasciarli dove sono).
2) Poi ho variato il CSS nel parametro "div.tilte" sostituendo le due cifre di padding-right: 4px e padding-left: 4px con 0 (zero) ... Ovviamente ho fatto solo una sostituzione di cifre per non compromettere tutto il CSS ma immagino che, a questo punto si possano togliere completamente quei parametri.

.....Controllando la pagina sia con IE che con Firefox il box risulta perfettamente allineato..... almeno qua da me.
...Chiedo perdono per aver scaricato il codice a tua insaputa ma, come avrai già capito, non mi era possibile fare delle prove senza fare altrimenti.
Prova anche tu e vedi se funziona...

P.S.) MAI.... darsi all'ippica... ci vuole "costanza" e sudore" sempre !

[gve]

Trovato !

Da qualche parte deve essere definito un padding fisso, ed e` diverso il modo in cui IE e Firefox gestiscono le larghezze delle celle quando c'e` questa proprieta`.

Dato che trovare tale punto e modificarlo nel css creato da FrontPage potrebbe essere lungo (non mi son cimentato), la soluzione e` rimodificare le due righe di prima con queste, in cui definiamo esplicitamente anche il padding per i due div:

<div class="title" style="color: rgb(255, 255, 255); background-color: rgb(255, 0, 0); width: 160px; padding: 4px 0">SCRIVI AL WEBMASTER</div>
<div class="box" style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); width: 160px; padding: 4px 0">

--EDIT--

Non avevo visto la risposta di Taita, probabilmente la ha inviata mentre scrivevo.
Mi ha battuto sul tempo
La sua soluzione in ogni caso e` migliore, quindi usa quella.

Grazie ad entrambi. :winkOLD:

@Taita
hai fatto benissimo a prendere il codice altrimenti come avresti fatto ad intervenire su di esso?
Devi perdonarmi ma non riesco a modificare il css e non trovo ne padding-right ne padding-left?
Come si fa?
Perdona la mia totale inesperienza.

[Taitaonline]

Alur....
nella cartella della pagina incriminata dovresti avere un file che si chiama: "remotebox_style", quello è il file CSS... Non puoi modificarlo direttamente dal pannello di controllo ma dovresti scaricartelo in locale e poi, dopo averlo aperto con il blocco note (o Note-pad, come preferisci), andare a variare quei due parametri... Salvi tutto infine lo ricarichi nel pannello.

[edit]
...Azzz... due ore dopo ti ho risposto... alla faccia della velocità ... :eyes:

Thanks.
Ora provo e poi ti aggiorno. :winkOLD:
Effettivamente sei stato molto celere nel rispondermi :smile:

-EDIT-

sto continuando a cercare ma non trovo nulla....
Io ricordo(non so se puo' essere questa la causa del fatto che non lo trovo) di aver preso la mail form dal sito di mr.webmaster,ho scelto il colore,copiato il codice generato ed inserito nella pagina.
Tu come hai fatto a prendere il codice ed a variare il css?
Forse seguendo la tua procedura riusciro' a risolvere.
Grazie ancora.