Выравнивание таблицы слева от div - PullRequest
Новая
       5

Выравнивание таблицы слева от div

1 голос
/ 02 августа 2011

Я пытаюсь создать сетку 2x2, которая заполняет все окно в iPhone таблицей.В настоящее время это выглядит следующим образом: http://dl.dropbox.com/u/182509/photo.PNG

Обратите внимание на sqhed-uppy-ness-ness правой колонки и пробел слева.

Я не могу исправить либо.

Соответствующее css: 

body { margin: 0; position: absolute; height: 100%; }

.full { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: white; }

table { border-width: 0px; border-spacing: 0px; border-style: hidden; border-color: gray; border-collapse: collapse; background-color: white; width: 100%; height: 100%; left: 0; top: 0px; margin: 0; padding: 0px; position: absolute; }

td { border-width: 1px; padding: 1px; border-style: solid; border-color: gray; background-color: white; width: 50%; height: 160px; }

и html: 

<div id="helpView" class="full">
    <table id="help">
        <tr>
            <td>Hey..</td>
            <td>Hi.</td>
        </tr>
        <tr>
            <td>Hello.</td>
            <td>Greetings!</td>
        </tr>
    </table>
</div>

Любая помощь приветствуется

Ответы [ 2 ]

2 голосов
/ 02 августа 2011

Поскольку у вашего td границы установлены на 1 пиксель, это увеличивает общую ширину того, что мы видим, поэтому вам нужно уменьшить ширину вашего td. См модель коробки для справки:

http://www.w3.org/TR/CSS2/box.html

или вы можете установить left вашего стола на -1, чтобы настроить его влево: 

table{left:-1}

это будет работать, поскольку позиция абсолютна.

0 голосов
/ 02 августа 2011

Вы слишком усложнили вещи.

http://jsfiddle.net/Z3rs5/

Вы должны написать простой код, также не помещайте все операторы CSS в один ряд, каждый раз, когда вы делаете это, Бог убивает котенка!

...