WN - Centrering av element i CSS

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - Centrering av element i CSS (https://www.wn.se/forum/showthread.php?t=17444)

Hej!
Jag har problem med att centrera ett element i IE.

Så här ser koden ut nu:

Kod:

.box {

        width: 728px;

        border: 2px solid #009900;

        height: 728px;

        margin-left: auto;

    margin-right: auto;

        background-color: #FFFFFF;

}

Tacksam för svar!

//Antepante

Citat:

Originally posted by Antepante91@Nov 11 2006, 19:07
Hej!
Jag har problem med att centrera ett element i IE.

Kod:

margin-left: auto; * * * *margin-right: auto; }

Prova med att sätta
margin: 0 auto;
om detta inte stör din design, det kan hända att IE har problem med auto (tidigare versioner än 6 har svårt för auto) om den inte sätts i en deklaration…

Fick det inte att funka. Tack ändå.

Någon annan som har något förslag

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 :)