Несколько Div центрирования - PullRequest
Новая
       1

Несколько Div центрирования

0 голосов
/ 21 июня 2011

Я посмотрел так много постов по этому поводу, что я в растерянности, почему это не работает для меня. 

.firstCell
{
        float:left;
        width:40%;
    text-align:right;
    align:right;
    border:1px solid white;
}

.cell
{
    float:left;
    width:auto;
    align:left;
    text-align:left;
    border:1px solid white;
}

.newRow
{
    clear:both;
    width:100%;
}

.container
{
        width:100%;
        background-color:#DEEFF8;
        margin:0px auto;
}

Итак, у меня в основном есть это: 

<div class="container">
*Within this I have sections of like a form*
        <div style="width:400px;border:1px solid black;">
            <div class='firstCell'>File Name:</div>
            <div class='cell'><html:text property="fileName" /></div>
            <div class='cell' style='color:red;'>(Max 50 character)</div>
            <div class='newRow'></div>
            <div class='firstCell'>Copy Book Name:</div>
                <div class='cell'><html:text property="copyBookName"/></div>
            <div class='newRow'></div>
                <div class='firstCell'><html:button property="populateFields" value="Populate Fields" onclick="showFields();"/></div>
            <div class='newRow'></div>
            <div class='newRow'></div>

        </div>

        *So this is one section, what I would like to happen is to position my form elements in this and then have it all be centered on the main div



</div>

Ответы [ 2 ]

1 голос
/ 21 июня 2011

Ваш главный .контейнер имеет ширину 100%, не имеет значения, если вы отцентрируете его, он все равно начнет рисовать его с самого левого края.У div внутри него, который отвечает за выровненный по левому краю блок, нет идентификатора / класса, и вы не делаете на нем выравнивание.Технически ваш главный контейнер отцентрирован, но все внутри него выровнено по левому краю.

0 голосов
/ 21 июня 2011

Вы имеете в виду, как это?http://jsfiddle.net/36ujG/

Немного сложно понять, что вы пытаетесь отцентрировать.Все, что я сделал, было добавлено margin: 0 auto к дочернему элементу контейнера.

...