положить ребенка в центр родительского элемента - PullRequest
Новая
       2

положить ребенка в центр родительского элемента

0 голосов
/ 17 марта 2012

Если вы посмотрите на Yahoo! домашнюю страницу, вы обнаружите, что весь контент центрирован на странице, и если вы измените размер окна браузера, левое и правое пространство будут удалены, а затем появится полоса прокрутки.Я хочу то же самое, но что бы я ни делал, я не могу этого сделать: 

<body>
<div id="main" >
   <div class="logo"></div>
   <div class="content"></div>
   <div class="copyright"></div>
</div>
</body>

Я хочу, чтобы main находился в центре страницы (ширина фиксирована, а поле нет).

Ответы [ 3 ]

5 голосов
/ 17 марта 2012

В css настройте его следующим образом. 

#main {
   width: 960px;/*put your width*/
   margin: auto;
}
1 голос
/ 17 марта 2012

1-й способ: 

#main {
  position:relative;
  width:600px;
  left:50%;
  margin-left:-300px;
}

2-й способ: 

body {
  text-align:center; /* Optional: IE5/6 Quirks Mode Hack */
}

#main {
  width: 600px;
  margin: 0 auto;
  text-align:left; /* Optional: IE5/6 Quirks Mode Hack */
}​
0 голосов
/ 18 марта 2012

Примечание: этот CSS не работает в IE.Решение: 

<style type="text/css">
body{text-align: center}

</style>

от: http://www.cosnetics.co.uk/articles/IE7-margin-auto-not-working/

...