Stessa pagina web, visualizzazione differente se statica o dinamica
Salve, vorrei venire a capo di un problema ricorrente che finora avevo sempre risolto modificando i valori degli attributi CSS, ma che non ritengo la via professionalmente migliore...
Sto rifacendo il layout di un mio sito, attualmente statico e non responsive, rendendolo dinamico e responsive. Sono partito da un file html nel quale ho organizzato i vari div rendendoli responsive, e l'ho poi reso dinamico introducendo gli opportuni require di PHP per avere un menù identico per tutte le pagine, un unico footer, ecc...
Entrambe le pagine afferiscono agli stessi fogli di stile, eppure è immediato notare delle differenze:
Questa la pagina statica esattamente come la desidero http://pugniespinaci.altervista.org/modello.html
Questa la pagina PHP col medesimo sorgente assemblato con i require http://pugniespinaci.altervista.org/index-provv.php
Come mai il div "main", a parità di margin-top: 86px, nella pagina PHP è più in basso facendo apparire quello spazio vuoto tra esso e il blocco nav?
Come mai i due div affiancati più in basso si disallineano?
L'unica differenza la rilevo in modalità Ispeziona: nel codice della pagina PHP ci sono due strane stringhe, 65279 precedute da &# e virgolettate, e tutti i meta tag finiscono nel body anziché nell'head nonostante nei sorgenti sia tutto corretto (vedere per credere).