• User Attivo

    Con explorer nulla è al suo posto

    Salve ragazzi,
    ho un problema di interpretazione da parte di explorer.
    Stavo sistemando un sito, temporaneamente poggiato su quest'indirizzo; tutto andava bene con firefox, quando poi l'ho aperto con explorer mi si è sballato tutto.❌x
    Qualcuno di voi saprebbe dirmi cosa sistemare nel css del sito per evitare che ciò accada?
    La visualizzazione corretta è quella con firefox.

    Grazie mille per l'aiuto
    :ciauz::ciauz::ciauz:


  • User

    A parte explorer che non considera bordi/margin/padding come firefox sembra tutto ok!
    Ha me non risulta... "...mi si è sballato tutto." ... ma lo hai già sistemato?


  • User Attivo

    @paolopan said:

    ma lo hai già sistemato?
    no, non l'ho sistemato, e continuo a vederlo in maniera diversa da come l'ho fatto su explorer :mmm: !
    Ho appena controllato anche da un altro pc e vedo la stessa cosa.
    Forse il caos che vedo io è dovuto a margin, padding e quant'altro explorer non supporta!

    Praticamente vedo i componenti spostati, aspansi su tutta la pagina, anche se io ho dato delle misure e li ho sistemati al centro; vedo il content al di sotto delle barre laterali con i menù! ❌x


  • User

    in allegato ti ho messo come vedo la home con i due browser... :mmm:
    ... a me non risultano quei problemi... non capisco :?:?


  • User Attivo

    Ciao MrKid, con che versione di Explorer hai provato?

    Al momento non ho IE sotto mano, ma il tuo layout è fisso e se sballa molto probabilmente è colpa del box model che viene interpretato male. Prova a ricontrollare.

    :ciauz:


  • User Attivo

    @paolopan said:

    ... a me non risultano quei problemi... non capisco
    Mi sa che la differenza la fa la tua nuova versione di explorer!
    Ti ho allegato come due screenshot di come li vedo io, come puoi notare da quella su explorer, è tutto un pò... di qua... di là !!!! :arrabbiato:
    Grazie per l'interessamento:D
    :ciauz::ciauz::ciauz:

    @Laburno said:

    con che versione di Explorer hai provato?
    Ciao Laburno... ho la versione 6, infatti penso che sia proprio quello il problema, e dovrei comunque cercare di risolverlo per permettere a tutti di visualizzarlo. BAHHHH


  • User Attivo

    A giudicare dagli screenshots penso che dipenda dal fatto che il max-width:800px; del *#container *non venga interpretato correttamente da ie6.

    Non ho mai usato hack al riguardo, ma cercando tra i preferiti ho trovato questo:
    http://www.cameronmoll.com/archives/000892.html
    usa il javascript e personalmente non mi piace.

    In alternativa puoi provare a fissare la larghezza di #container con un semplice width:800px;


  • User Attivo

    Grazie, darò un'occhiata al link!;)
    Ma penso che per ora imposterò il container, poi appena troverò una soluzione porrò rimedio!😢
    P.S. anche a me non garba tanto il javascript 😉
    :ciauz::ciauz::ciauz:


  • User Attivo

    Ragazzi, ho provato a fissare l'ampiezza del content a 800 e funziona, il problema però è che il content stesso scende sotto i menù!
    Questa è una cosa strana perchè in questa pagina scende, mentre in quest'altra che utilizza lo stesso css è messa al posto giusto! :?:?
    Un'altra cosa che ho notato è che il footer non ha il testo nello spazio dedicato! Riuscirò mai a sistemare il sito per tutti i browser? :arrabbiato:

    Grazie ancora!
    :ciauz::ciauz::ciauz:


  • User Attivo

    @MrKid said:

    Ragazzi, ho provato a fissare l'ampiezza del content a 800 e funziona, il problema però è che il content stesso scende sotto i menù!
    Questa è una cosa strana perchè in questa pagina scende, mentre in quest'altra che utilizza lo stesso css è messa al posto giusto! :?:?
    Un'altra cosa che ho notato è che il footer non ha il testo nello spazio dedicato! Riuscirò mai a sistemare il sito per tutti i browser? :arrabbiato:

    Grazie ancora!
    :ciauz::ciauz::ciauz:

    Hai aggiunto elementi con padding e margini che possano aver gonfiato il width del box centrale? Di solito è questa la ragione di questi scivolamenti..


  • User Attivo

    @Laburno said:

    Hai aggiunto elementi con padding e margini che possano aver gonfiato il width del box centrale? Di solito è questa la ragione di questi scivolamenti.
    Si avevo letto qualcosa del genere, infatti ho subito controllato.
    Il margin c'è, ma è lo stesso della pagina associazione (in allegato); le due pagine non differiscono in niente, solo il contenuto, che non penso possa essere la causa!
    Questa cosa proprio non me la spiego! ❌x
    :ciauz::ciauz::ciauz:


  • User Attivo

    Puoi provare per scrupolo a mettere nella pagina Home, lo stesso menù destro della pagina Associazione?


  • User Attivo

    @Laburno said:

    Puoi provare per scrupolo a mettere nella pagina Home, lo stesso menù destro della pagina Associazione?
    Ho fatto come mi hai suggerito, ed è la stessissima cosa.
    Ho anche analizzato le pagine riga per riga e sono "IDENTICHE" :?:?, l'unica cosa che cambia è il contenuto del testo, anche quello analizzato e tutti e due contengono gli stessi tag (H1, H2, p, b).
    BAH... mi starà facendo un dispetto? 😉

    Grazie per l'interesse che stai dimostrando
    :ciauz::ciauz:


  • User Attivo

    Eh purtroppo l'interesse non basta a quanto pare 😉
    Non mi viene in mente nulla.

    Se non che potresti fare una banale test per esclusione: provare un altro testo all'interno del contenuto e vedere se è effetivamente lì il problema...

    Un altra idea, la butto li, è che visto che ormai abbiamo fissato il width del wrapper, puoi a questo punto fissare il width del content (calcolando la dimensione degli altri due div 800-160-160-eventuali margini).

    :ciauz:


  • User Attivo

    Ecco! Penso di aver trovato l'errore, ma proprio non capisco cosa lo causi!

    Ho provato ad eliminare il contenuto e sostituirlo con quello della pagina associazione ed è andato tutto al suo posto;;)
    ho così cercato di capire dove stesse il problema ed ho inserito il contenuto della home paragrafo per paragrafo, notando che:
    inserendo solamente i due titoli con le prime due righe tutto rimane posizionato correttamente, appena comincio ad inserire invece gli altri paragrafi il testo scende!:x
    Li ho inseriti uno alla volta e anche singolarmente e tutti causano il problema (senza i primi due, come ho già detto su).:?:?
    Ora veramente scendo dalle nuvole perchè non ne ho la minima idea! 😢
    :ciauz::ciauz::ciauz:


  • User Attivo

    Sembra strano ma mi era venuto un dubbio ed ho provato...
    ho trovato il problema, anche se non capisco perchè mi crea la situazione solo in quella pagina!
    Il problema era il corsivo, ora l'ho messo temporaneamente tra i commenti sperando di risolvere e capire il perchè (in allegato la diapositiva della vittoria:figo:)!

    Ora però c'è un errore simile :(, ma penso semplice da risolvere;):
    come potete vedere dall'allegato (non badate alla qualità) la parte del footer non è allineata, pensavo fosse un problema del container di sinistra che non si allungava così ho provato ad aggiungere del testo per provare ed ho visto che non è quello! Penso sia il footer che non scende totalmente ma non saprei...:bho:
    consigli??
    TNX

    @Laburno: grazie al tuo suggerimento di sperimentare, il problema è stato risolto ;).
    Perdon ma sono alle prime armi e non ci avevo proprio pensato!


  • User Attivo

    Menomale! 🙂
    Controlla di non aver dato qualche regola di stile a <i>.

    In alternativa, potresti usare <em>.. nel tuo caso penso che sia ugualmente corretto anche se devo ammettere che non ho le idee molto chiare riguardo le differenze tra questi tag.

    :ciauz:


  • User Newbie

    Scusate se mi intrometto,
    sto lavorando da un po' di tempo coi CSS.
    Se cercate in giro per internet vedrete che la compatibilità dei vari browser con gli standard W3C è piuttosto buona quando si parla di Mozilla, Firefox, Opera, ma quando si tratta di Internet Explorer si supera difficilmente il 50%. Questo anche con l'ultima versione 7 venduta come rispettante gli standard. Non parliamo poi delle versioni precedenti in cui il box model era interpretato tutto a modo loro. Vi consiglio quindi di fare molta attenzione all'uso dei vari: float, margin, padding, width, max-width e max-height o comunque tutte quelle proprietà meno comuni in quanto Explorer difficilmente le supporta o lo fa a modo suo.
    Un'altra bella chicca appena scoperta. Se vi viene l'idea di creare più file CSS per gestirli meglio, beh, non createne troppi perché sempre Explorer non ne legge più di tanti (circa 20) oltre i quali non li carica più. Naturalmente questo non accade con Firefox e Opera.
    Spero di essere stato utile
    Ciao 🙂


  • Super User

    Se postate il link della pagina provo a sistemartelo io.


  • User Attivo

    Ciao LippoR1, scusa ma io invece al contrario di te non sono molto pratico 🙂 !
    Poichè ho problemi con il footer perchè non mi allinea il contenuto con il contenitore (sempre con explorer) cosa mi consigli di fare? Eliminando i margini mi si sballa tutto; secondo te se inserisco un contenitore vuoto al di sotto, e al posto del margin, in modo da creare spessore, potrebbe andare bene? :bho:
    :ciauz::ciauz: