[Margini] Dipendono dal browser?!?

[Raptusis]

Salve a tutti,

volevo un'informazione nonchè un chiarmento

perche alcuni margini discostano di decine di pixel da broswer a browser? per esempio da IE a FF ?

Faccio un esempio pratico

in una layout ho messo un div principale,

dentro questo div ho creato una sorta di colonna (float: left),

il margine sinistro del div principale cambia, è minore in FIREFOX mentre è maggiore in InterntExplorer.

poi per esempio ho creato uno stile "span" per dei titoli , ma il margine sinistro di questo stile, visto in FireFox è parecchi pixel di più, mentre in internetExplorer è meno.


Questo è normale che accada?

Ce un modo , un trucco o qualcosa del genere per facilitare il lavoro di compatibilità?

Oppure semplicemente va presa una 'via di mezzo' che riesce a star bene con i due Browser?


Vi ringrazio per l'attenzione

Ciauz

[fcaldera]

inizialmente è buona norma azzerare padding e margin dell'elemento body (e html)

Per gli span non capisco
- come fai ad impostare margin visto che è un elemento inline
- perchè non usi correttamente gli header h1..h6 visto che come dici tu si tratta di titoli

[Raptusis]

ti ringrazio per la risposta


margin e padding sono zero sia a body che html

in pratica per il titolo l'ho fatto bordato con uno sfondo, che si allarga per tutta la riga del div.

ancora alcuni margini rimango diversi

[fcaldera]

Originariamente inviato da Raptusis
Faccio un esempio pratico
in una layout ho messo un div principale,
dentro questo div ho creato una sorta di colonna (float: left),

il margine sinistro del div principale cambia, è minore in FIREFOX mentre è maggiore in InterntExplorer.

Probabilmente i blocchi in cui hai impostato float: left; hanno anche un margine maggiore di zero
Explorer raddoppia il margine per via di un bug.

Per risolverlo aggiungi display: inline ai tuoi blocchi flottati

[Raptusis]

Ti ringrazio ! ho risolto!
Sei stato gentilissimo

Ciauz

[whisher]

Ciao.

nizialmente è buona norma azzerare padding e margin dell'elemento body (e html)

Secondo me la migliore tecnica è usare Universal Selector

* {
    margin:0px;
    padding:0px
} 

in questo modo puoi settare il margin o padding solamente
dove serve e non fai ripetizioni.

[Raptusis]

giusta osservazione, ignoravo l'Universal Selector!

grazie anche a te ^^