Aiuto!!! Problema con IE ma non con Mozilla?!?

ofx

Utente Attivo
16 Feb 2010
30
0
0
Ciao a tutti, scusate ma sono sicuro che quì qualcuno sà darmi una risposta!
Ho fatto un sito e ho dei problemi di visualizzazione pagine con Internet Explorer.
Il sito è in html ed è amatoriale.
In pratica se provo con mozilla mi restituisce la pagina corretta. Se invece utilizzo IE 7 oppure IE 8 mi sovrappone scritte e foto. Se seleziono il testo come se lo volessi copiare dal fondo poi mi mostra la pagina correttamente.:confused:
A volte mi restituisce la pagina corretta.:confused:

Ecco una pagina: S.W.I.F.T. II

Sbaglio forse il doctype?
Se qualcuno sà aiutarmi... grazie!!!
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.042
149
63
PR
www.borgo-italia.it
ciao
ho riprovato (solo la prima pagina) e si vede bene sia con ie7, ie8 e ff.
tra l'altro ho visto che usi table e non div+margin+padding che sono quelli che danno maggiori pobremi tra ie e ff.

verifica (ma non mi sembra) di non aver chiuso qualche tag </tr> o </td> ( non aperto)
 

ofx

Utente Attivo
16 Feb 2010
30
0
0
ciao
ho riprovato (solo la prima pagina) e si vede bene sia con ie7, ie8 e ff.
tra l'altro ho visto che usi table e non div+margin+padding che sono quelli che danno maggiori pobremi tra ie e ff.

verifica (ma non mi sembra) di non aver chiuso qualche tag </tr> o </td> ( non aperto)

Il problema si pone sugli articoli... ho provato anche da altri pc! :incazz2:

Che palle...:crying:
 

MarcoGrazia

Utente Attivo
15 Dic 2009
808
16
18
59
Udine
www.stilisticamente.com
Due o trecento cose da chiederti :D
La prima è che vuole dire Tuttala, l'hai scritto in homepage, poi per caso avevi un sito su Altervista secoli fa riguardo l'autocostruzione di aeromodelli?
Tornando in topic come si dice, mi chiedevo perché fai certe cose :) ovvero: (in rosso le cose che non capisco)
<td height="1659"><h2 align="center"><strong><u>F-16 Kyosho</u></strong></h2>

<h2 align="center"><strong>Bella riproduzione del famoso caccia</strong></h2>
<br />
<p align="center"><img width="456" height="304" src="/immagini/F-16_Kyosho_01.jpg" alt="F-16 Kyosho 01" /></p>

<p>F-16 Fighting Falcon &egrave; uno dei modelli pi&ugrave; riprodotti di sempre.<br />
Il modello arriva a casa gi&agrave; completo di tutto. Servi e ventola gi&agrave; installate. <br />

Il lavoro da fare &egrave; poco e seguendo le istruzioni non &egrave; difficile completarlo in breve tempo. Sono riprodotte le pannellature e perfino alcune rivettature. Belle le decals che gli conferisc
<p align="center"><a href="/file/Link.html" class="collegamenti" target="_top">Vai alla pagina dei link per trovare collegamenti inerenti all&rsquo;articolo</a></span></p>
....snip.....
<br />
</td>
1659 pixel? :eek: a che pro? Le celle hanno il bello che si adattano al contenuto quindi non serve.
I titoli, ovvero Hx sono in modo predefinito strong, ovvero in grassetto, quindi a che pro ripeterlo?
Inoltre perché usi sottolineare i titoli, le sottolineature sono state deprecate perché portano fuori strada, ovvero sono solo e soltanto per i link. A proposito nell'ultimo chiudi uno span di fatto mai aperto!
Detto ciò passo al probabile problema, prima cosa da document type dafinition (DTD) usa la HTML 4.0.1 non usare XHTML se devi usare codice "vecchio" ovvero align=center e simili, non è mica deprecato l'uso di vecchie DTD, diciamo solo "fuori moda" :)
Poi a parte l'uso di strong che però non inficia la visualizzazione mi chiedo perché vai a capo dopo un titolo o dopo un paragrafo, questi sono già elementi di blocco, ovvero dopo che li hai chiusi vanno a capo da soli, se vuoi aumentare la distanza tra uno e l'altro usa i fogli di stile, tanto ne hai già approntato uno, ti basta aggiungere due righette ed è fatta:
Codice:
@charset "utf-8";
.collegamenti{
	color: #F00;
}
h1,h2,h3,h4,p {
    margin: 0 1em 0 1em;
    padding: 0.5em 0 0.5em 0;
}
Modificando il valore degli em aumenti o diminuisci lo spazio tra gli elementi e tra questi e il bordo.
Nota che ho usato margin per lo spazio dal bordo destro e sinistro della pagina e padding per lo spazio verticale tra gli elementi, il motivo è semplice, per un motivo che non conosco (errore, falsa interpretazione degli standard, vino adulterato) tutti i browser collassano, ovvero se usi margin tra elementi vicini questi non si sommeranno ma faranno una somma algebrica, di fatto elidendosi.
Detto ciò proseguo: se togli i break, cioè i br però avrai un problema, cioè visto che hai usato una sola cella (td) tutto ti si sposterà incasinandoti il layout della pagina, l'aternativa era usare una cella per ogni paragrafo e per ogni immagine, così non avresti avuto il problema che di fatto hai.
Alternative a parte questa? Sì non usare le celle ma usare solo i paragrafi nudi e crudi per impaginare la pagina, per esempio:
Codice:
<div id=contenitore">
      <h2>F-16 Kyosho</h2>

      <h3>Bella riproduzione  del famoso caccia</h3>
      <img width="456" height="304" src="/immagini/F-16_Kyosho_01.jpg" alt="F-16 Kyosho 01" />
      <p>F-16 Fighting Falcon &egrave; uno dei modelli pi&ugrave;  riprodotti di sempre.<br />
        Il modello arriva a casa gi&agrave; completo di  tutto. Servi e ventola gi&agrave; installate. <br />

        Il lavoro da fare &egrave; poco e seguendo le  istruzioni non &egrave; difficile completarlo in breve tempo. Sono riprodotte le  pannellature e perfino alcune rivettature. Belle le decals che gli conferiscono  un&rsquo;ottima riproduzione statica.<br />
        Viste le ridotte dimensioni devono rimanere  leggeri per volare bene. Mi sono trovato bene sia con le batterie Thunder Power  1320 che con le X-Power 1000. Il modello pesa poco pi&ugrave; di 400 grammi senza le  batterie. Diventa importante non esagerare con il peso delle batterie perch&eacute; la  spinta &egrave; sui 320 grammi (probabilmente si riesce a migliorare usando celle con  35C, anche se in questo momento non sono disponibili nei formati da 1000 mAh).  Il consumo misurato a terra &egrave; di circa 16 A.<br />

        Il modello &egrave; facile da lanciare, non ha un  volo veloce ma &egrave; bello da vedere.<br />
        Fa bella mostra di s&eacute; anche sul prato in  attesa di andare in volo.<br />
        Potrebbe essere un ottimo modello da  principianti. L&rsquo;unico problema abituarsi alle ridotte dimensioni. Oppure avere  un po&rsquo; di esperienza con altri modelli, ecco che potrebbe essere un&rsquo;ottima  prima ventola. </p>

      <p>Ecco il mio F-16  kyosho ricolorato ispirandomi alla vera livrea Tiger</p>
      <img width="457" height="344" src="/immagini/F-16_Kyosho_02.jpg" alt="F-16 Kyosho 02 Tiger" />
      <img width="455" height="341" src="/immagini/F-16_Kyosho_03.jpg" alt="F-16 Kyosho 03 Tiger" />
      <p><a href="/file/Link.html" class="collegamenti" target="_top">Vai alla pagina dei  link per trovare collegamenti inerenti all&rsquo;articolo</a></p>
</div>
Ed ecco il semplice codice CSS per farlo funzionare (spero, non l'ho provato :) )
Codice:
@charset "utf-8";
body {
    background-color: fff;
    color: #000;
    font: 100 100% Verdana, Tahoma, Sans-Serif;
    text-align: center;
}
.collegamenti{
	color: #F00;
}
div#contenitore {
    width: 960px;
    border: 1px solid #000;
    margin: 2em auto;
    background-color: #ebebeb;
}
img {
    border: 1px solid #000;
    display: block;
    margin: 1em;
}
h1,h2,h3,h4,p {
    margin: 0 1em 0 1em;
    padding: 0.5em 0 0.5em 0;
}
p {text-align: left;}
h2 {
    border-bottom: 2px dashed red;
    font-size: 1.6em;
}
h3 {font-size: 1.3em;}
Ti ho messo anche il colore di sfondo per una pagina bianca con colore del testo in nero, è importante darlo perché non tutti hanno il pc impostato come il tuo (ne so io che dieci anni fa ho fatta una presentazione su un pc datomi in prestito con settati lo sfondo in verdino e il colore in giallo...) ovviamente non è perfetto, ci sarà qualche errore, praticamente l'ho buttato giù mentre scrivevo l'articolo ma essendo una pagina elementare dovrebbe funzionare con pochi aggiustamenti.
img {display: block} serve a far divenire le immagini come elementi di blocco, così non devi metterle dentro un paragrafo per farle andare a capo.
Ad h2 ho dato una sottolineatura rossa a trattini, il colore lo puoi cambiare ma i trattini non dovrebbero trarre in inganno riguardo i link.
Per non usare una classe separata, al secondo titolo ho dato valore 3 (h3).
Il sito è font-size = 100% mentre per le modifiche della dimensione del font nei titoli ho usato gli em, il motivo della discrepanza è dovuto ai soliti prodotti Microsoft che non digeriscono bene l'uso di font dimensionati in em nel body. Il vino era decisamente cattivo ;)
 

ofx

Utente Attivo
16 Feb 2010
30
0
0
...che dire grazie!!!
Appena posso mi metto a testa bassa e provo tutto!!!
Comunque lo span penso arrivi da un comando messo e poi cancellato su dreamweaver, invece la lunghezza foglio la deve aver messa dreamweaver!:D
Il bello che me lo fa vedere perfetto in anteprima...:mad:

Grazie mille davvero per l'interesse e per la esauriente risposta!
Grazie.

Tuttala, è un gergo diventato comune per definire modelli che sono a tutti gli effetti un ala, in pratica manca la fusoliera "classica".
Un esempio recente negli aeri veri è il B-2 Spirit.
 

MarcoGrazia

Utente Attivo
15 Dic 2009
808
16
18
59
Udine
www.stilisticamente.com
A ok, non avevo capito tuttala ma un gergo è un gergo appunto, mi pareva più qualcosa come tuttala curva :D

PS non usare DW come editor e soprattutto non guardare ciò che fa perché non è mai quello che vuoi :D usa un editor di solo codice, impara a digitare molto e usare poco il mouse, sarà anche stancante ma i siti vengono su prima e meglio ;)
 

ofx

Utente Attivo
16 Feb 2010
30
0
0
A ok, non avevo capito tuttala ma un gergo è un gergo appunto, mi pareva più qualcosa come tuttala curva :D

PS non usare DW come editor e soprattutto non guardare ciò che fa perché non è mai quello che vuoi :D usa un editor di solo codice, impara a digitare molto e usare poco il mouse, sarà anche stancante ma i siti vengono su prima e meglio ;)

Tengo a mente il tuo consiglio...
Personalmente tu cosa usi per provare i siti? Nel senso, usi un programma in locale o li metti direttamente in upload?
Grazie.
 

lizil

Nuovo Utente
15 Mar 2010
3
0
0
PS non usare DW come editor e soprattutto non guardare ciò che fa perché non è mai quello che vuoi :D usa un editor di solo codice, impara a digitare molto e usare poco il mouse, sarà anche stancante ma i siti vengono su prima e meglio ;)

Parole sante!!!! e da pure molta piùsoddisfazione!!! :)
 

alessandro1997

Utente Attivo
6 Ott 2009
5.302
1
0
24
Roma
alessandro1997.netsons.org
Io invece mi ostento a consigliare WampServer. Non c'è proprio nulla da configurare. Lo installi (in fase di installazione l'unica cosa che chiede è la tua e-mail, e neanche serve metterla), lo avvii dal menù dei Programmi e inserisci i tuoi documenti in C:\wamp\www. A questo punto puoi accedervi digitando nella barra degli indirizzi del browser: http://localhost/documento.php.
 

ofx

Utente Attivo
16 Feb 2010
30
0
0
Visto che sò davvero poco, accetto tutti i consigli!
Grazie ragazzi!!!;)
 

ofx

Utente Attivo
16 Feb 2010
30
0
0
Grazie con le modifiche tutto funziona!!!:fonzie:

Non vorrei sembrare ingrato ma non ho ascoltato tutti i consigli, altrimenti mi sarebbe servita una giornata di lavoro... impossibile, per vivere faccio dell'altro!
Il problema è che, ad esempio, la dichiarazione sul foglio di stile non veniva interpretata allo stesso modo da IE8 e mozilla!
Alla fina ho aggiunto i div, che risolvono il problema. Ho lasciato comunque errori, doppioni... così entrambi i browser danno lo stesso (non proprio, ma almeno simile) risultato.
Forse perchè il mio è un hosting html linux di register (no php)? alla fine non è costato poco...

Ultimo discorso, come vanno usati stì benedetti programmi per testare il sito? Non mi visualizza nemmeno le immagini... le immagini le dichiaro da root sito ( esempio: "/immagini/pippo.jpg"). Per poi dire che non funziona il menù,ecc.

Grazie comunque a tutti per l'interesse e la pronta soluzione!
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
M Aiuto: problema con il mio TP-Link range extender Reti LAN e Wireless 0
L problema con la funzione header!!! AIUTO! PHP 24
softgallo Problema con mod_rewrite aiuto !!!! Apache 0
F problema con "array_key_exist" (era: aiuto!!!) PHP 19
A problema con php and mysql aiuto !!!! PHP 1
B Problema con <whitespace> aiuto!!! HTML e CSS 1
stellare21 problema di visualizzazione solo con firefox AIUTO! PHP 28
K problema con il Controllo A Schede. Aiuto! MS Access 0
E Problema con LINK nei frame [Era: Aiuto!!!!] HTML e CSS 1
S [WordPress] Aiuto problema velocità sito e pagespeed google WordPress 11
A Problema DreamWeaver - Aiuto Windows e Software 1
K Aiuto problema formmail Javascript 1
G Aiuto!problema impossibile da risolvere Joomla 1
Dexter_90 [AIUTO!] Problema Inserimento Menu Fireworks nell'Header WordPress 11
Pippo Esse Problema codec xPlayer (era: Prima volta che scrivo! AIUTO!) HTML e CSS 6
A problema template php-fusion [era:Php-Fusion, aiuto!] CMS (Content Management System) 4
D Aiuto per problema stringa PHP 1
I Aiuto!!!problema Urgente!!! Programmazione 1
S Vi Chiedo Un Aiuto Per Risolvere Questo Problema: PHP 2
W [SQL Server] Creare una pubblicazione [GROSSO PROBLEMA, !!! AIUTO !!!] Database 0
N Problema indicizzazione [Era: Disperata richiesta di aiuto...] SEO e Posizionamento 3
L outpost firewall---aiuto per problema Windows e Software 1
D Grande Problema!!!!Aiuto!!! Classic ASP 1
D problema!per favore aiuto PHP 3
P Aiuto per rendere un Bot Telegram Privato PHP 1
M Un aiuto da chi ha apple Mac e Software 0
P Richiesta di aiuto Presentati al Forum 1
A Aiuto per pagina php PHP 0
M Questa pagina non carica correttamente Google Maps: aiuto!! HTML e CSS 1
I Aiuto php Dependent Lookup PHP 0
R Aiuto con le query MS Access 2
M AIUTO ESERCIZIO JAVA Javascript 1
G Aiuto con htaccess e rewriterule PHP 0
T cercasi aiuto per file d1 (open-edge db) Database 0
M Aiuto con inserimento immagini WordPress 6
D aiuto schermata photoshop Photoshop 0
L Aiuto per programma web php/mySQL PHP 2
A Aiuto php colore diverso PHP 10
L Aiuto creazione menu mancante WordPress 0
C Aiuto compiuto scuola PHP/MySQL PHP 2
G Insert into select - Aiuto MySQL 0
I Aiuto bash linux Programmazione 1
F Aiuto java script Javascript 2
R Cerco aiuto Offerte e Richieste di Lavoro e/o Collaborazione 7
I Aiuto query MySQL 8
G Aiuto HTML, collegamento con un bottone a una <div> di un' altra pagna HTML e CSS 5
R Aiuto sito html Offerte e Richieste di Lavoro e/o Collaborazione 3
claudio_lorenzo [Javascript] aiuto su jquery per calcolo altezze dom Javascript 1
G Mi dite come faccio? Aiuto photoshop ? Photoshop 1
C prestashop paragamento contrassegno aiuto modulo E-Commerce 0

Discussioni simili