Vai alla pagina 1Vai alla pagina 012Vai alla pagina 2Vai alla pagina 2
Avatar
pagius
Post: 105
Ciao Paolo,
credo di averlo messo nella giusta categoria.

Anche se ho accumulato diverse domande da porti
procedo con ordine e priorità.
Sono a buon punto con il sito, e dovrei andare in linea a giorni,
ma...
Ho un problema macroscopico che non riesco a risolvere,
forse mi sfugge qualcosa visto che davo per scontato il:
"Generatore di codice CSS multi browser (IE7 compatibile)".

Mi spiego:
Tutto funziona bene con browser Safari e Mozilla...
Invece:
1) In "IE 6" mi crea delle barre laterali di scorrimento
sia nel menu di navigazione, che nella pagina dell'articolo.
2) In "IE 7" mi taglia le pagine in basso e mi sposta il footer a destra.
Ma questo non succede a tutte le pagine, ma solo ad alcune. !!??

Ora fino a quando non ho risolto i miei problemi,
per riservatezza, preferirei non rendere pubblico il sito.
Mi permetto di inviare il link al tuo indirizzo personale, (poi decidi tu).
Segue e-mail...
Pagius
27/01/2009 10:59
Avatar
PaoloB
Post: 1550
Ciao,
purtroppo IE ha un box model diverso da Firefox e di conseguenza occorre stare attenti.
In fase di sviluppo verifico spesso che ciò che faccio e vedo con Firefox vada bene anche con IE7 e IE6
Alla fine occorre sempre fare qualche aggiustamento, per questo includo in modo selettivo un css che applica le dovute correzioni.
Per fare questo aggiungo nell'header il seguente codice
iconCodice:
 <!--[if lte IE 6]>
<link rel="stylesheet" href="stileie6.css" type="text/css" media="all" />
<![endif]-->

Nel caso specifico per il problema 1) in IE 6 invece del margin nella class mod_navigation utilizza il padding.

Per il secondo problema potrebbe essere solo un css fatto non a regola d'arte che in IE si comporta male.
Farei un debug applicando in modo selettivo i vari parametri.
Ad esempio nel ce_footer andrei a togliere gli elementi superflui come il top, il bottom, clear ecc. ;-)
Paolo B.
paolob@contaocms.it
27/01/2009 20:56
Avatar
pagius
Post: 105
Ti ringrazio per le risposte.
Non potrò provare a fare le debite prove fino a giovedì.
Stanotte il provider mi cambia server e di conseguenza l'IP.
E domani sono preso tutto il giorno fuori città.
Comunque ti terrò aggiornato, appena posso.

iconPaoloB:
Per fare questo aggiungo nell'header il seguente codice
iconCodice:
 <!--[if lte IE 6]>
<link rel="stylesheet" href="stileie6.css" type="text/css" media="all" />
<![endif]-->


Domanda:
intendi dire nell'header della pagina personalizzata "fe_xxx.tpl"?
In questo caso tra quali stringhe esattamente?
Subito dopo queste?

iconCodice:
<link rel="stylesheet" href="plugins/slimbox/css/slimbox.css" type="text/css" media="screen" />
<?php echo $this->stylesheets; ?>

Grazie per l'ottimo lavoro fatto su typolight-2.6.3/Scuola di Musica.
Pagius
28/01/2009 01:38
Avatar
PaoloB
Post: 1550
iconpagius:
Ti ringrazio per le risposte.
iconPaoloB:
Per fare questo aggiungo nell'header il seguente codice
iconCodice:
 <!--[if lte IE 6]>
<link rel="stylesheet" href="stileie6.css" type="text/css" media="all" />
<![endif]-->


Domanda:
intendi dire nell'header della pagina personalizzata "fe_xxx.tpl"?
In questo caso tra quali stringhe esattamente?
Subito dopo queste?

Puoi farlo in questo modo, così che vi sia sempre l'inclusione.
Oppure puoi utilizzare la sezione Altri tags nella gestione dei Layout pagina
Paolo B.
paolob@contaocms.it
28/01/2009 08:27
Avatar
pierpalol
Post: 44
ciao,
io lo avrei inserito nella sezione altri tags, in questo modo l'avresti sempre sotto controllo in caso dovessi eliminarlo, anche momentaneamente, per fare altre prove!
29/01/2009 09:24
Avatar
PaoloB
Post: 1550
iconpierpalol:
ciao,
io lo avrei inserito nella sezione altri tags, in questo modo l'avresti sempre sotto controllo in caso dovessi eliminarlo, anche momentaneamente, per fare altre prove!

Si, anche io faccio in questo modo. Hai perfettamente ragione, nella mia risposta non era in effetti chiaro :-)
Paolo B.
paolob@contaocms.it
29/01/2009 13:25
Avatar
pagius
Post: 105
Ottimi suggerimenti per IE 6
ma per il momento è il problema meno scottante, ho provveduto a mettere il tag nella sezione altri tags e il foglio css debito, come da voi consigliato in seguito cercherò di risolvere i css appropriati (anche se non capisco bene <!--[if [b]lte[/b] IE 6]> curiosità: "lte"che riferimento è?

Ma procediamo con ordine e priorità:

Per IE 7
Non credo che non dipenda dal footer (ora, inserito diversamente e senza nessun css)
iconCita:
Ad esempio nel ce_footer andrei a togliere gli elementi superflui come il top, il bottom, clear ecc.

(Ho provato a eliminare tutto)
Ma piuttosto un problema di Pagina di primo livello che non supporta oltre 4 sottopagine
(pagine di secondo livello).
Ho fatto delle prove tuttora in linea (vedi), e da ciò ne risulta che se aggiungo una pagina in più si crea il problema.
C'è qualche parametro da settare che mi sfugge?
O può dipendere da altro (es: css del menu di navigazione?).
Pagius
30/01/2009 13:06
Avatar
pagius
Post: 105
PS: nel modulo del Menu navigazione ho impostato: "Livello di partenza 0 - Livello d'arrivo 1" senza altre opzioni.
Pagius
30/01/2009 13:23
Avatar
PaoloB
Post: 1550
iconpagius:
<!--[if [b]lte[/b] IE 6]> curiosità: "lte"che riferimento è?

Qui google è tuo amico :-)
Si tratta di un'inclusione condizionata, in questo caso viene indicato se il browser è uguale o minore di IE 6


iconpagius:
Ma piuttosto un problema di Pagina di primo livello che non supporta oltre 4 sottopagine
(pagine di secondo livello).
Ho fatto delle prove tuttora in linea (vedi), e da ciò ne risulta che se aggiungo una pagina in più si crea il problema.
O può dipendere da altro (es: css del menu di navigazione?).
PS: nel modulo del Menu navigazione ho impostato: "Livello di partenza 0 - Livello d'arrivo 1" senza altre opzioni.

Stai parlando del menu?! se nel livello due aggiungi una pagina in più ti crea il problema?!
Non è proprio così... ho visto due menu diversi con 6 sottopagine.. uno funziona e l'altro no...
Comunque vedo che hai commentato i css in un modo barbino :-)
/*.mod_article .homecont.ce_text*/
{
margin:-10px -10px -300px -10px;
padding:290px 0px 0px 0px;
}
Questo ad esempio

Posta il link magari altri possono essere di aiuto...
Paolo B.
paolob@contaocms.it
30/01/2009 14:57
Avatar
pagius
Post: 105
iconCita:
Stai parlando del menu?! se nel livello due aggiungi una pagina in più ti crea il problema?!
Non è proprio così... ho visto due menu diversi con 6 sottopagine.. uno funziona e l'altro no...

Si scusa parlavo del menu ma io tutti quelli con 4 li vedo bene con + di 4... "Problema" (almeno in uno di questi).

iconCita:
Comunque vedo che hai commentato i css in un modo barbino :-)
/*.mod_article ...
Questo ad esempio

Modificato! Ma niente ancora.
Allora mi confermi che è più probabile che siano i css,
e non qualche limitazione data o non, in qualche settaggio di Tipolight?

Devo andare per esclusione proverò a modificarli tutti finchè non ci arrivo. :-(

iconCita:
Posta il link magari altri possono essere di aiuto...

Provo questo fine settimana a districarmi, se non riesco, lo farò.
Pagius
30/01/2009 20:04
Avatar
PaoloB
Post: 1550
Il mio è un sospetto...

Non credo sia legato al numero di sottopagine.
Con ie7 cliccando su CONSULTI INDIVIDUALI (6 sottopagine) lo vedo bene
mentre ATTIVITÀ SPORTIVE, stesse sottopagine lo vedo con il problema descritto...
Paolo B.
paolob@contaocms.it
30/01/2009 20:59
Avatar
pagius
Post: 105
Scusa la terminologia che uso, anche se non tecnicamente corretta, cerco di spiegare.
Allora:
il problema è dato dal menu di navigazione,
Quando il livello 1 è espanso, con tutti i suoi 10 o 12 di livello 2,
e la pagina nel "div#main" non ha abbatanza testo... si verifica il problema.
È il div#main, che non segue in lunghezza il div#left,
e il footer trovando spazio vuoto a destra automaticamente si sposta.
Ora sono riuscito ad ovviare a questo inconveniente commentando nei css:
nel div#container "min-height:400px;" che è di poco superiore all'altezza del div#left, di modo che anche se la pagina è vuota come testo
è vincolata a questa altezza.
Il fatto è che il problema non si pone più.
Certo che se il mio menu a discesa, in futuro dovesse allungarsi con ammenniccoli vari, dovrei rivederlo e reimpostarne la misura.
Non so se esistano altre strade migliori più corrette o diverse da quella da me usata.
Se avete qualche osservazione al riguardo sarà ben gradita.

Per quanto riguarda IE6 ho inserito il tag e il foglio style corrispondente (ancora vuoto).
Ma se vado nel "Layout pagina" nei "Fogli di stile" da selezionare, non mi appare!
Io l'ho messo al primo livello di root come gli altri; deve avere un'altra posizione?

Grazie
Pagius
31/01/2009 17:30
Avatar
PaoloB
Post: 1550
iconpagius:
Non so se esistano altre strade migliori più corrette o diverse da quella da me usata.
Se avete qualche osservazione al riguardo sarà ben gradita.

Forse occorre verificare meglio il tuo foglio di stile, sinceramente non ho mai avuto un problema simile.
Comunque quando darai il link, magari chi ha più competenze sui css ti potrà suggerire.

iconpagius:
Per quanto riguarda IE6 ho inserito il tag e il foglio style corrispondente (ancora vuoto).
Ma se vado nel "Layout pagina" nei "Fogli di stile" da selezionare, non mi appare!
Io l'ho messo al primo livello di root come gli altri; deve avere un'altra posizione?

In teoria potresti anche non fare gestire a TL questo foglio di stile, in quanto lo includi in modo condizionale a "mano"
Aggiungi solo il codice condizionale e crei il file.

In pratica io faccio comunque gestire il file a TL importandolo tra i css, ma poi nel "Layout pagina" non lo aggiungo in quanto ci pensa il codice personalizzato
Paolo B.
paolob@contaocms.it
31/01/2009 17:44
Avatar
pagius
Post: 105
iconPaoloB:
Forse occorre verificare meglio il tuo foglio di stile, sinceramente non ho mai avuto un problema simile.
Comunque quando darai il link, magari chi ha più competenze sui css ti potrà suggerire.

Credo di poterlo fare senza farmi trovare in "pigiama" a metà settimana.
Ci sto lavorando per essere in linea il più presto possibile, ma...
con tutto il contenuto reale (ci sono ancora delle pagine semivuote).

iconCita:
In teoria potresti anche non fare gestire a TL questo foglio di stile, in quanto lo includi in modo condizionale a "mano"
Aggiungi solo il codice condizionale e crei il file.

Si sarebbe meglio ma, dove creo il file?
Faccio fatica a seguirti...

Cioè potrei integrare il codice nel foglio style gia esistente?
Es:nella categoria "Layout" di "xElements.css"
Da così dovrei modificare a così:
iconCodice:
<!--[if lte IE 6]>
<link rel="stylesheet" href="xStileie6.css" type="text/css" media="all" />
<![endif]-->

Così sarebbe corretto il tag?
iconCodice:
<!--[if lte IE 6]>
<link rel="stylesheet" href="xElements.css" type="text/css" media="all" />
<![endif]-->

O no?
iconCita:
In pratica io faccio comunque gestire il file a TL importandolo tra i css, ma poi nel "Layout pagina" non lo aggiungo in quanto ci pensa il codice personalizzato

Ma? Lo aggiungi, ma non lo aggiungi e se lo aggiungi dove? Mi confondi...
Non credo di capire molto bene il linguaggio tecnico.
Forse dai per scontato che io conosca a fondo quello di cui parliamo.
Se mi vuoi consigliare, dovresti parlare come a un bimbo di 10 anni.
Pagius
31/01/2009 18:39
Avatar
pagius
Post: 105
Scusa, rileggedo per l'ennesima volta forse mi è più chiaro.
Lascio tutto come stava
iconCodice:
<!--[if lte IE 6]>
<link rel="stylesheet" href="xStileie6.css" type="text/css" media="all" />
<![endif]-->

Non lo aggiungo nel "Layout pagina"
iconCita:
In pratica io faccio comunque gestire il file a TL importandolo tra i css, ma poi nel "Layout pagina" non lo aggiungo in quanto ci pensa il codice personalizzato

Si! Come fai a importarlo tra i css da dove lo importi?
Mi sfugge qualcosa.
Pagius
31/01/2009 18:56
Vai alla pagina 1Vai alla pagina 012Vai alla pagina 2Vai alla pagina 2