Kopierar vad jag skickade som förklaring till någon annan häromdagen... Detta är ett svar på hur man centrerar sin "wrapper", dvs hela sidan.
Det är helt enkelt en vidareutveckling av martines korrekta svar ovan. Byt ut "platta" mot din "box".
Du skriver följande i för din body-tagg (detta för att Explorer ska centrera):
Kod:
body {
text-align: center;
}
För din platta skriver du:
Kod:
#platta {
margin-left: auto;
margin-right: auto;
text-align: left;
}
Margin-left/right: auto; är för att Firefox och andra vassa läsare ska centrera ditt innehåll. Text-align: left; är till för att återställa din text till vänsterställd för dessa webbläsare, eftersom du satte center för body-taggen.
Tyvärr lyssnar inte Explorer på margin-left/right: auto; därför satte du text-align: center; för body-taggen.
Så, nu är din sida alltid centrerad, oberoende av upplösning
