Allineamento div: margin-left

[Jigen]

Buonasera,

stavo compilando un foglio di stile con il quale gestire una pagina web quando mi sono reso conto che il comando "margin-left" veniva interpretato in maniera differente da Internet Explorer e FireFox.

In allegato troverete 2 anteprime della pagina web vista con IE e FF.
E' facile notare che il "div" contenente il messaggio di benvenuto con IE è perfettamente allineato con il pulsante "homepage", con FF risulta non allineato.

Esiste una alternativa al "margin left"?

Grazie a tutti.



PS: ho sentito parlare di alcuni comandi che permettono l'allineamento
"subito a destra" o subito in basso" rispetto ad un div di riferimento.
Qualcuno sa indicarmi quali sono?

[Fraaa]

io sono un principiante però ho imparato un utile trucco: quando firefox e explorer rendono la pagina in maniera diversa, fai così:
- margin-left: (il valore giusto per Firefox) !important
- margin-left: (il valore giusto per IE)

in questo modo firefox si ferma al valore important e tralascia i successivi mentre IE non calcola l'attributo important e tra i due valori inseriti considera sempre l'ultimo che legge.

Se ci sono metodi più raffinati, lascio la parola ai più esperti...

[Jigen]

Grazie per i tuoi consigli Fraaa, credo proprio che seguirò le tue indicazioni!

Potresti per favore postarmi un piccolo esempio di "!important".

Se qualcuno volesse comunque indicarmi metodi più "tradizionali" sono ben felice di leggerli.

Grazie.

[Fraaa]

una cosa del genere:

#nome_del_tuo_div {
margin-left: 50px !important;
margin-left: 45px;
}

[Jigen]

Grazie ancora.

[rosafanti]

Alternativamente a quello che ti hanno suggerito, invece che definire il margine per il div contenuto, puoi definire il padding per quello che lo contiene...

[Jigen]

Grazie anche a te rosafanti.

Colgo l'occasione per riproporre 2 mie domande:

ho sentito parlare di alcuni comandi che permettono l'allineamento "subito a destra" o subito in basso" rispetto ad un div di riferimento.Qualcuno sa indicarmi quali sono?