Что такое решение для выравнивания по центру в HTML? - PullRequest
Новая
       50

Что такое решение для выравнивания по центру в HTML?

1 голос
/ 20 августа 2010

У меня есть HTML-страница: 

<html>
<head>
<title>
All Time Set Window
</title>
</head>
<body>
<div align="center" style="width:1000px; height:100%; margin-left:auto; margin-right:auto;">
    <div style="width:100%; height:20%; background-color:#F8E0E0; float:top;">
        <div align="center">This is Header</div>
    </div>
    <div style="width:100%; height:60%; background-color:#F5F6CE;">
        <div align="center" style="width:70%; background-color:#E3F6CE; float:left;">This is Left Frame</div>
        <div align="center" style="width:30%; background-color:#E0E0F8; float:right;">This is Right Frame</div>
    </div>
    <div style="width:100%; height:20%; float:bottom; background-color:#F8E0E0;">
        <div align="center">This is Footer</div>
    </div>
</div>
</body>
</html>

Я использовал Margin-left & Margin-right для auto для перевода div в центр. Это работает в Mozilla, а не в Explorer. Какое решение для того же.

Ответы [ 6 ]

0 голосов
/ 20 августа 2010

это то, что вы ищете? 

<html>
<head></head>
<body>
    <center>
        --- olalala place your content here ---
    </center>
</body>
</html>
0 голосов
/ 20 августа 2010

Правильное решение (согласно спецификации) - это то, что у вас есть.Вы должны установить оба поля на auto, чтобы центрировать блок.

Но, как обычно, проводник не играет по правилам.Чтобы сделать его центром блока, вы должны установить text-align родительского элемента на center.Поскольку вы, вероятно, не хотите, чтобы весь текст в самом элементе также был центрирован, вам придется снова отрицать поведение, установив для text-align значение left.

0 голосов
/ 20 августа 2010

Для интернет-exxplorer вы можете установить центр выравнивания текста на теле, а на div - выравнивание текста: слева.

Это должно сработать; -)

0 голосов
/ 20 августа 2010 
#yourdiv
{
 position:absolute;
 left: 50%; 
 width: 700px;
 margin-left: -350px;
 top: 50%;
 height: 400px;
 margin-top: -200px;
}

Свойства left, width и margin-left предназначены для горизонтального выравнивания, а top, height и margin-top для вертикального.Если вы поместите все из них, у вас будет div по центру на вашей странице.

0 голосов
/ 20 августа 2010 
margin:0px auto;

а вам нужно указать ширину

0 голосов
/ 20 августа 2010

вам нужно добавить авто на ваше поле 

<div style="margin:10px auto;width:100px;">stuff</div>

Этот div будет центрирован из-за атрибута auto.

...