[RISOLTO]Template Beez, allineamento non corretto in IE

[Dieda12]

Ciao a tutti,

Ho realizzato il sito www.arenasportiva.it utilizzando il template Beez.
Ho modificato leggermente la larghezza delle tre colonne centrali (left, main2, right) in modo da ridurre le due laterali in favore di quella centrale.
Ho lavorato solo sul file position.css lasciando stare ieonly.css e ie7only.css, che sono quindi ancora quelli originali.

Su Firefox tutto bene ma su IE ho i seguenti due problemi:

1) A sinistra il modulo di login si é adattato alla larghezza della colonna, ma i campi di input no, col risultato che quello piú in alto deborda di qualche px e quello piú in basso é proprio attaccato al bordo.

2) Nella colonna di destra ho inserito un menu, stile lista, e per ogni voce ho inserito una piccola immagine allineata a destra (questo per impostazione da module manager). Per qualche motivo IE me le fa vedere allineate a sinistra... Non capisco come mai...


Qualcuno ha suggerimenti in merito ?

Grazie

Elena

[56francesco]

1) A sinistra il modulo di login si é adattato alla larghezza della colonna, ma i campi di input no

ha predisposto 50 o 100 come caratteri possibili quindi si, messo a sinistra tende sempre ad invadere la pagina centrale, o lo sistemi a destra oppure devi modificare il codice magari con l'override...  anche 10ct va bene..
http://www.joomla.it/articoli-della-community/788-override-del-template-come-personalizzare-le-pagine-di-joomla.html

[Dieda12]

Grazie per la risporta...ma non ho capito bene dove andare a modificare il numero di caratteri...

Ho guardato i due file, quello standard (modules/mod_login/tmpl/default.php) e quello nel template (beez/html/mod_login/default.php), e non capisco perché sovrascrivendo il secondo con il primo dovrei risolvere il problema...non mi pare che in nessuno dei due file sia indicato il numero di caratteri relativi ai due campi di input...

Inoltre, come mai in Firefox non ho questo problema ?

[56francesco]

non devi sovrascrivere, con quel template l'override è già attivo e quindi joomla già usa quello nella cartella del template..
comunque il problema è quello per quel modulo, ora dove indica i numeretti potrei non ricordarlo bene ma da qualche parte ci stanno.

[Dieda12]

Cercheró meglio dove settare il numero dei caratteri.

Avresti anche qualche suggerimento a proposito dell'allineamento immagini nel menú a destra ?
Non capisco come mai Explorer me le imposti a sinistra, mentre Firefox, correttamente, a destra...

Elena

[56francesco]

Non capisco come mai Explorer me le imposti a sinistra

per questo credo che dovrai aspettare i nostri maghi dei template, io da tempo ho smesso di preoccuparmi di IE quando un sito diventa inguardabile cambio o aggiorno il template
il fegato mi ringrazia tutti i giorni per questa scelta..
 

[tonicopi]

Prova a inserire questa regola nel tuo css:

Codice: [Seleziona]

#right ul li img {
margin-bottom:4px;
margin-left:100px;
}Se le immagini si schiodano da destra anche in IE allora poi aggiusti i pixel 

[Dieda12]

Prova a inserire questa regola nel tuo css:

Codice: [Seleziona]

#right ul li img {
margin-bottom:4px;
margin-left:100px;
}Se le immagini si schiodano da destra anche in IE allora poi aggiusti i pixel 

Povato ma mi si sposta tutto a destra: blocco immagine + scritta, con l'immagine sempre a sinistra della scritta 

[Dieda12]

Non so se puó essere d'aiuto ma ho constatato che il problema é relativo solo a ie7, e non a ie8 (ie6 non l'ho provato).
Ho anche notato che le immagini inserite negli articoli mi comparivano sovrapposte al testo. Cosa che con Firefox e ie8 non succedeva. Ho guardato l'html del primo articolo, come prova, e ho sostituito il text-align con un style="float: e come risultato adesso il testo é sotto la foto...anche se la prima parola comunque non si vede...

HELP...

[Dieda12]

Ok, ho risolto.
Incuriosita dallo strano comportamento delle immagini negli articoli e facendo un po' di prove e ho visto che la visualizzazione corretta appare togliendo l'immagine dai tag <p></p> e sostituendo align:left (o right) con style="float:left;". Questo mi complica un po' la vita ogni volta che le immagini vengono inserite da un utente da front-end...comunque, a questo punto ho inserito nel file ie7only.css il codice:

Codice: [Seleziona]

#right ul li img {
float:right;
}
E adesso va.

Ciao

Elena

[tonicopi]

Molto brava! compliments...