Margini

[valean]

sono un novizio del css e non riesco a far funzionare i margini
mi spiego meglio se uso un documento html funziona tutto se lo trasformo in xhtml i margini non rispondono mi sfugge qualcosa

[fcaldera]

premesso che l'interpretazione del box model differisce in caso di strict mode o meno, fai una domanda specifica con del codice d'esempio riportando ciò che non funziona come ti aspetteresti e su quali browser.

[valean]

body {
width: 800px;
margin: 20px;
position: relative;
z-index: 1;
font-family: Verdana;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #ffffff;
background: #222222;
text-align: center;
width :400 px; height:400px; margin:0 auto 0 auto;
text-align.left;



}
#container {
float: left;
width: 800px;
margin-top: 0px auto;
background: #35536d;
}
#container2 {
width: 800px;
margin-top: 0px auto;
float: right;
background: #35536d;


}
il codice del body e due contenitori spero basti e uso ie7 ma i margini non rispondono con xhtml il corpo rimane al centro fermo qualsiasi modifica che apporto il browser non risponde

[fcaldera]

1) devi sempre postare anche il codice html a cui applichi il css
2) forse l'errore è qui : margin-top: 0px auto; forse volevi scrivere margin: 0 auto; o solamente margin-top: 0;
margin-top accetta un solo valore

[valean]

Ho tolto auto e funziona
grazie
era lui a mandarlo in confusione?
devo usare sempre gli stessi valori quando dichiaro qualcosa?
scusate se magari dico qualche cavolata sto cercando di imparare

[fcaldera]

margin accetta più valori
è la proprietà-shortcut per margin top right bottom e left

ad esempio
margin-top: 1px;
margin-right: 2px;
margin-bottom: 3px;
margin-left: 4px;

equivale a
margin: 1px 2px 3px 4px;

oppure
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;

equivale a
margin: 0 auto;