Wyśrodkowanie elementu div opartego na wartości

Question

Ostatnio klient poprosił, aby jego witryna była oparta na procentach, a nie na pikselach. Procent miał zostać ustawiony na 80%. Jak wiecie, bardzo łatwo jest wyśrodkować kontener, jeśli jest oparty na pikselach, ale jak wyśrodkować główny kontener oparty na procentach?

#container 
{ 
    width:80%; 
    margin:0px auto; 
} 

To nie centrum pojemnik :(

Answer 1

Obiekt margines obsługuje wartości procentowe:

margin-left: 10%; 
margin-right: 10%; 

Answer 2

Wiem, że to brzmi dziwnie, ale jak o uzyskanie szerokość w jQuery następnie zresetowanie więc jest to wartość pikseli?

Albo opierając szerokość ? off szerokości strony w jQuery

To dość dziwne, że chce układ w oparciu o procentowy

No i last but not least, dwie 10% szerokości div otaczających go;).

Answer 3

#container 
{ 
    width:80%; 
    position:absolute; 
    margin-left:-40%; 
    left:50%; 
} 

lub po prostu

#container 
{ 
    width:80%; 
    margin-left:10%; 
} 

Answer 4

usuwając wartość px na marginesie, po prostu tak:

#container { width: 80%; margin: 0 auto; } 

Answer 5

To nie centrum pojemnika: (

Działa idealnie dla mnie.

Upewnij się, że jesteś w trybie standardowym itp

Pełny kod nie działa?

Answer 6

#container { width: 80%; margin: 0 auto; position relative; } 

i elementem dominującym "pojemnik" musi być pozycja względna lub bezwzględna

na przykład:

body{position:relative;} 
#container { width: 80%; margin: 0 auto; position relative; } 

Answer 7

position: absolute; 
width: 80%; 
left: 0; 
right: 0; 
margin: 0 auto;