• User Attivo

    [Risolto] Errata visualizzazione su Mozilla

    Ciao a tutti.
    Questa è la pagina in questione: LINK
    Su explorer7 viene visualizzata correttamente mentre su mozilla il titolo oltre ad essere piu piccolo, non mantiene la distanza dai bordi.
    Dove sto sbagliando?
    questa è la pagina css: CSS

    Grazie a tutti


  • User Attivo

    Ciao asso82,
    La distanza dai bordi dell' <h3> probabilmente dipende, anche in questo caso, dal padding male interpretato da internet explorer.

    [html]
    .cella{
    margin:10px 0;
    padding:0 0 0 5px;
    height:120px;
    width:195px;
    background:url(immagini/cella.png);
    }[/html]

    La larghezza corretta dovrebbe essere 195 + 5 di padding, mentre IE interpreta la larghezza già comprensiva del padding sinistro(quindi il suo 195 deriva da un 190 + 5).
    Per capire meglio:
    http://www.giorgiotave.it/forum/css/44231-non-capisco-dove-sbaglio-aiuto-please.html#post300666

    Per quanto riguarda la grandezza del carattere, basta definirlo nel foglio di stile in div.cella h3.

    :ciauz:


  • User Attivo

    Il problema è che in Explorer7 viene visualizzato tutto correttamente e ogni modifica al codice css produce il risultato che ci si aspetta.

    Su mozilla invece fa quello che vuole e anche modificando i parametri non riesco a dargli la sistemazione che voglio.

    Facendo delle prove ho notato che inserendo un bordo alla cella, il lavoro è visualizzato correttamente su entrambi i browser. Spero ti possa essere utile.
    Puoi controllare tu stesso: LINK e CSS


  • User Newbie

    Considera che Mozilla risponde a oltre il 90% degli standard W3C mentre Explorer7 supera di poco il 50% (non parliamo delle versioni precedenti).
    Ti consiglio quindi di costruire la pagina basandoti su Mozilla che è molto più rigoroso e se non usi proprietà poco comuni quasi certamente poi funziona tutto anche su Explorer.
    Se poi trovi comunque problemi, una tecnica abbastanza comune per il posizionamento è quella vari div (anche nidificati tra loro) così da avere il controllo completo.


  • User Attivo

    @LippoR1 said:

    Considera che Mozilla risponde a oltre il 90% degli standard W3C mentre Explorer7 supera di poco il 50% (non parliamo delle versioni precedenti).
    Ti consiglio quindi di costruire la pagina basandoti su Mozilla che è molto più rigoroso e se non usi proprietà poco comuni quasi certamente poi funziona tutto anche su Explorer.
    Se poi trovi comunque problemi, una tecnica abbastanza comune per il posizionamento è quella vari div (anche nidificati tra loro) così da avere il controllo completo.
    Hai provato a vedere l'esempio??
    Non posso basarmi su Mozilla perchè non risponde proprio ai parametri che imposto. Fà di testa sua.
    Explorer invece è fedele al codice.
    Prova a smanettare un po perchè io sono da ieri che smanetto ma non ottengo niente.
    Ti ringrazio!:ciauz:


  • User Newbie

    Prova a sostituire il testo <h3> con testo normale, ad esempio dentro uno <span> o un <div> e impostare le dimensioni direttamente. Nell'esperienza che ho avuto Explorer e Mozilla trattano in modo leggermente diverso elementi queli <h1>, <h2>, ..., <p> e tutti quelli in cui viene settata qualche proprietà dal browser. Per interdermi con <h1> viene impostata una dimensione al carattere e questa dipende dal browser. Troverai sempre delle differenze, sta poi a te decidere se sono minime e non ti danno fastidio altrimenti prova a fare la stessa cosa con altri elementi meno soggetti a "interpretazioni" soggettive dei browser.


  • User Attivo

    Lippo niente da fare.
    Ho eliminato il testo h3 inserendo al suo posto un paragrafo con una classe che si occupa di dare un margine di 5px dal top.
    Il risultato che ottengo è ottimo su explorer e pessimo su mozilla dove, invece di spostare il paragrafo, mi sposta l'intero div che lo contiene!!!
    Non ci capisco piu niente!!! ❌cry:😢


  • User Attivo

    RISOLTO:

    Ho inserito un "line-height" nelle prorietà di "h3"!!

    Un grandissimo ringraziamento a LippoR1 che mi indicato la strada! :yuppi: