Internet Explorer e CSS

**ilvecchiofumetto** · 15-11-2005, 21.54.52

Ciao a tutti,
scusate se vi stresso ancora, ma vorrei sapere perchè quando metto online una pagina html che richiama un foglio si stile CSS esterno, il browser Internet Explorer visualizza soltanto la pagina html senza tenere conto del CSS.
Grazie

15-11-2005, 22.03.27

posta il codice ke usi x includere il file

**ilvecchiofumetto** · 15-11-2005, 22.06.05

Eccolo:

<link rel=stylesheet href="style_css.css" type="text/css">

**domenicoragusa** · 15-11-2005, 23.34.59

hai dimenticato gli apici:

Codice HTML:

<link rel="stylesheet" href="style_css.css" type="text/css">

mi raccomando metti il codice tra <head> e </head>
assicurati che il file style_css.css sia presente nella directory della pagina, per sicurezza posta il link della apgina incriminata
ciao ciao

**ilvecchiofumetto** · 16-11-2005, 07.59.45

Ecco il link: http://ilvecchiofumetto.altervista.org/prova/home.htm
Il tag l'ho messo tra head e /head, ma non capisco perchè con I.E. non tenga conto del CSS... Se sai qualcosa fammi sapere

16-11-2005, 08.16.02

a me funziona bene prova a andare sul tuo sit o e fare CTRL+F5

**dementialsite** · 16-11-2005, 11.48.03

Sai che avevo avuto anch'io questo problema (vedi http://forum.altervista.org/showthread.php?t=29170: il primo primo thread su AV, un'esperienza da dimenticare... ;-( ), poi misteriosamente si è risolto da solo...

Stammi bene...

**funcool** · 16-11-2005, 11.49.18

Non si è risolto misteriosamente da solo: si è aggiornata la cache!

**ilvecchiofumetto** · 16-11-2005, 14.42.08

Grazie raga della risposte, ma il problema resta: io nel CSS esterno avevo messo una impostazione che diminuiva la distanza tra le righe. Ora, con FF il css viene letto e caricato correttamente, mentre con I.E. no! In I.E. la distanza tra le righe è 16px (quella predefinita), mentre io nel css esterno avevo specificato che fosse 9.5px!! Se sapete qualche comando o cose simili per risolvere, per favore, postatelo.
Grazie

**domenicoragusa** · 16-11-2005, 17.14.23

avevo modificato l'interlinea del mio sito e sia con ff che con explorer è cambiata, io vedo bene la tua pagina anche con ie; quindi è sicuramente la cache, fai come ti dico:
avvia ie; vai nel menù strumenti poi opzioni internet e vedi la parte dedicata ai file temporanei, clicca sul pulsante "elimina file" e dai l'ok, aggiorna la pagina e facci sapere
ciao ciao

**ilvecchiofumetto** · 16-11-2005, 21.52.00

Io ho fatto come mi hai detto, ma vedo ancora l'interiga troppo grande (di valore superiore a 9.5px, come da me impostata). Tu come la vedi? Vedi ogni voce dei menù una sotto l'altra senza nessuno spazio tra le righe?

17-11-2005, 01.08.21

Confermo il problema! Con IE l'interlinea è molto più ampia...
Invece di usare <h1> per ogni riga del menu del frame a sx non faresti meglio ad usare i paragrafi (<p>) o semplicemende andando a capo (<br>). Anche perchè tempo fa avevo notato che con IE i vari h1, h2, h3 ecc anche se imposti padding, margin ecc, non vengono letti bene... Secondo me la soluzione sarebbe non tanto quella di ammazzarsi su CSS per far contento Explorer ma di usare una tra le seguenti opzioni definendo poi il css:
- Usare più paragrafi definendo p nel CSS.
- Usare un solo paragrafo ed andando a capo.
- Fare una bella lista puntata o numerata.
e buonanotte al secchio!!!

Ciao

**domenicoragusa** · 17-11-2005, 02.15.15

come ho già detto io lo vedo bene, però io non ho usato nessun tag h1, solo il titolo, io ho diminuito l'interlinea solo al testo, quindi è probabile che abbia ragione uracile; volevo sapere cosa vuol dire "buonanotte al secchio"

grazie
ciao ciao

17-11-2005, 03.11.26

Su un sito ho trovato questo "trucco" per risolvere un problema analogo relativo all'altezza dei <div> ... L'ho commentato per spiegare il suo funzionamento. Spero che, opportunamente modificato, riesca ad aiutarti.

height:33px; /* 14px + 17px + 2px = 33px Altezza definita per IE*/
voice-family: "\"}\""; /* Qui IE fa un break e non legge piu' fino alla parentesi graffa successiva */

voice-family:inherit;
height:14px; /* Valore corretto per un buon browser =) */

Se riesci, sarebbe carino che postassi la modifica nel forum, così chi avesse lo stesso problema potrebbe usufruire della soluzione

Saluti
P.

**ilvecchiofumetto** · 17-11-2005, 08.19.00

Per pietrovischia: Non so da dove cominciare a lavorare su quel codice, comunque ci proverò ;)
Per Uracile: Pensavo di usare questo, dovrebbe andare bene:
<style type="text/css"> .line { font-size:10px; line-height:10px; } </style>

<span class="line"> QUI TUTTO IL TESTO SENZA SPAZIO TRA LE RIGHE </span>

Ma non mi funziona... Con <br> l'interlinea diventa pari a 0? Cioè le righe si vedono attaccate senza nessuna distanza?

**dementialsite** · 17-11-2005, 11.21.40

Originalmente inviato da ilvecchiofumetto

... Pensavo di usare questo, dovrebbe andare bene:
<style type="text/css"> .line { font-size:10px; line-height:10px; } </style>

<span class="line"> QUI TUTTO IL TESTO SENZA SPAZIO TRA LE RIGHE </span>

Ma non mi funziona... Con <br> l'interlinea diventa pari a 0? Cioè le righe si vedono attaccate senza nessuna distanza?

Questo è perché la proprietà line-height comprende quelle che in tipografia si chiamano ascesa, discesa e interlinea:
- L'ascesa è l'altezza del carattere dalla linea di base fino al punto più alto delle lettere maiuscole
- La discesa è la profondità dalla linea di base al punto più basso di alcune lettere minuscole (come p, q, g etc.)
- L'interlinea è la distanza tra il punto di massima discesa e il punto di massima ascesa della riga successiva.

Detto questo, prova a specificare per line-height un valore maggiore di quello della dimensione, così non dovresti vedere le righe troppo attaccate tra loro (in realtà non è esattamente come ti ho detto, perché la riga formattata con line-height mette esattamente al centro l'ascesa e ripartisce tra sopra e sotto l'interlinea)

Stammi bene...

17-11-2005, 12.20.37

Anch'io ho un piccolo problema con i CSS.
In realtà il problema si pone (cosa strana) con Mozilla, mentre con I.E. non ci sono problemi.

Ecco il problema:
Ho impostato una classe .linkbarra per un collegamento:
.linkbarra:link {
font-family: Verdana, Arial, Symbol;
font-size: large;
text-align: center;
text-decoration:none;
color:#000000;
vertical-align: baseline;
cursor: hand;
background-image: url(Immagini/bottonesu.gif);
background-repeat: no-repeat;
background-position: center center;
}
.linkbarra:hover {
font-family: Verdana, Arial, Symbol;
font-size: large;
text-align: center;
text-decoration:none;
color:#000000;
vertical-align: baseline;
cursor: hand;
background-image: url(Immagini/bottonesopra.gif);
background-repeat: no-repeat;
background-position: center center;
}
.linkbarra:active {
font-family: Verdana, Arial, Symbol;
font-size: large;
text-align: center;
text-decoration:none;
color:#FFFFFF;
vertical-align: baseline;
cursor: hand;
background-image: url(Immagini/bottonegiu.gif);
background-repeat: no-repeat;
background-position: center center;
}

In breve, dovrebbe visualizzare un'immagine che dovrebbe cambiare al passaggio del mouse e al clic dello stesso. E con I.E. funziona alla perfezione. Ma Mozilla non visualizza l'immagine in nessun momento, ma applica tutte le altre proprietà, come il colore del testo. Non è un problema di nome di file o cartella, perché altre immagini impostate con CSS nello stesso modo per altri Tag funzionano benissimo. Qualcuno può darmi una mano?

17-11-2005, 20.55.18

Originalmente inviato da domenicoragusa

come ho già detto io lo vedo bene, però io non ho usato nessun tag h1, solo il titolo, io ho diminuito l'interlinea solo al testo, quindi è probabile che abbia ragione uracile; volevo sapere cosa vuol dire "buonanotte al secchio"

grazie
ciao ciao

Guarda che non mi riferivo a te ma a quello che ho visto nel frame di sx della pagina incriminata >>> http://ilvecchiofumetto.altervista.org/prova/home.htm...

Codice HTML:

<div align="center"> 
  <p class="Stile1">.:::: Men&ugrave; :::.</p>

  <h1 align="center" class="Stile1"><img src="diabolik.gif" width="150" height="20"></h1>
  <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Scopri chi è Diabolik" target="mainFrame" class="Stile2">La Storia</a></h1>
  <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Scopri chi sono Ginko,Dk, Eva,Altea" target="mainFrame" class="Stile2">I Personaggi</a></h1>
  <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Tutti i fumetti originali della 1a serie" target="mainFrame" class="Stile2">Prima Serie</a></h1>
  <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Tutti i fumetti originali della 2a serie" target="mainFrame" class="Stile2">Seconda Serie</a></h1>
  <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="La pubblicazione Swisss" target="mainFrame" class="Stile2">Swisss</a></h1>

  <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="La pubblicazione " target="mainFrame" class="Stile2"Costola Bianca e Prime ristampe>Ristampe</a></h1>
</div>
  <h1 align="center"><img src="tex_willer.gif"></h1>
  <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Scopri com'è nato Tex" target="mainFrame" class="Stile2">La Storia</a></h1>
  <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Scopri chi sono Tex,Kit Carson..." target="mainFrame" class="Stile2">I Personaggi</a></h1>
  <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" target="mainFrame" class="Stile2">La Pubblicazione</a></h1>
  <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Informazioni dettagliate sulla pubblicazione gigante" target="mainFrame" class="Stile2">Tex Gigante</a></h1>

  <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Informazioni dettagliate sulla pubblicazione 3 stelle" target="mainFrame" class="Stile2">Tre Stelle</a></h1>
  <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Informazioni dettagliate sulla pubblicazione Texone" target="mainFrame" class="Stile2">Texone</a></h1>
<h1 align="center"><img src="corto_maltese.gif"></h1>
  <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Scopri com'è nato Corto" target="mainFrame" class="Stile2">La Storia</a></h1>
  <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Scopri chi è Corto Maltese" target="mainFrame" class="Stile2">I Personaggi</a></h1>
  <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Scopri chi è il creatore di Corto" target="mainFrame" class="Stile2">Hugo Pratt</a></h1>
  <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Dal capolavoro di R.L.Stevenson..." target="mainFrame" class="Stile2">Il Ragazzo Rapito</a></h1>

  <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Dal capolavoro di R.L.Stevenson" target="mainFrame" class="Stile2">L'Isola Del Tesoro</a></h1>
<h1 align="center"><img src="blek_macigno.gif"></h1>
  <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Scopri com'è nato Blek" target="mainFrame" class="Stile2">La Storia</a></h1>
  <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Scopri chi sono Blek,Roddy,Occultis" target="mainFrame" class="Stile2">I Personaggi</a></h1>
  <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Scopri chi sono i creatori del Grande Blek" target="mainFrame" class="Stile2">EsseGEsse</a></h1>
<h1 align="center"><img src="james_bond.gif"></h1>
  <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Scopri com'è nato James Bond" target="mainFrame" class="Stile2">La Storia</a></h1>

  <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Informazioni dettagliate sulle riduzioni a fumetti di McLusky e Horak" target="mainFrame" class="Stile2">La Pubblicazione</a></h1>
  <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Scopri chi sono Bond,M,Blofeld,MoneyPenny" target="mainFrame" class="Stile2">I Personaggi</a></h1>
  <h1 align="left">&nbsp;&nbsp;&nbsp;<img src="icon_dx.gif"><a href="#" title="Scopri chi è il creatore di Bond" target="mainFrame" class="Stile2">Ian Fleming</a></h1>
<h1 align="center"><img src="fine2.gif"></h1>
<h1 align="left">&nbsp;</h1>

Vedi quanti <h1>? Quel tag servirebbe per indicare i titoli di primo livello... a quello mi riferivo...

Poi "buonanotte al secchio" è un'espressione che dalle mie parti viene usata in luogo di "togliere il vin dai fiaschi" anche se suona molto più idiota...

Ciao

**ilvecchiofumetto** · 18-11-2005, 14.55.06

Come non detto... Su I.E. i tag <br> e </br> non sono supportati: non ne tiene conto, sapete il perchè?

**dementialsite** · 19-11-2005, 10.32.00

Originalmente inviato da grecistiuniti

Anch'io ho un piccolo problema con i CSS.
In realtà il problema si pone (cosa strana) con Mozilla, mentre con I.E. non ci sono problemi.

Ecco il problema:
Ho impostato una classe .linkbarra per un collegamento:
[omissis]
In breve, dovrebbe visualizzare un'immagine che dovrebbe cambiare al passaggio del mouse e al clic dello stesso. E con I.E. funziona alla perfezione. Ma Mozilla non visualizza l'immagine in nessun momento, ma applica tutte le altre proprietà, come il colore del testo. Non è un problema di nome di file o cartella, perché altre immagini impostate con CSS nello stesso modo per altri Tag funzionano benissimo. Qualcuno può darmi una mano?

Non vorrei sparare una cavolata, ma prova a scrivere esplicitamente negli stili che si tratta di un link, così

Codice:

A.linkbarra:link, A.linkbarra:visited { ... }
A.linkbarra:hover { ... }
A.linkbarra:active { ... }

Ti ho aggiunto anche la pseudo-classe visited, così sai per certo che i link visitati saranno uguali a quelli non visitati.

Stammi bene...

P.S. Un'altra volta usa i tag CODE (del forum) per scrivere il codice che usi...

**ilvecchiofumetto** · 19-11-2005, 15.43.27

Qualcuno sa perchè i tag <br> e </br> non vengono letti da Inter Explorer? Non ne tiene conto...

19-11-2005, 15.55.05

il tag <br> (ke nn ha kiusura, xcui </br> nn esiste) funge benissimo sia su ie ke su ff
prova a metterne + di uno...

**ilvecchiofumetto** · 19-11-2005, 16.04.31

E' vero!!! Funziona!! Non mi funzionava con I.E. perchè io lo chiudevo: mettevo anche </br>, grazie mille!!

Discussione: Internet Explorer e CSS

LinkBack

Strumenti discussione

Display

Internet Explorer e CSS

Regole di scrittura