У меня есть куча встроенных div, за которыми следует блок div. Внутри блока div должна быть таблица, примерно такая:

<div class="myInlineDiv"></div>
<div class="myInlineDiv"></div>
<div class="myBlockDiv">
    <table>
        ...
    </table>
</div>

Проблема в том, что таблица в FireFox не выровнена. Хорошо работает в Chrome и IE.

Вот скрипка: http://jsfiddle.net/zk9eD/2/ Красный блок должен быть желтым площадь.

(Я могу исправить проблему с положением с помощью position: inline; но это вызывает другую проблему с шириной таблицы).

0
user1702401 1 Апр 2013 в 22:06
Нет position:inline.
 – 
Pavlo
1 Апр 2013 в 23:09

1 ответ

Лучший ответ

Добавить float:left; в класс таблицы

.table1 {
    background-color: red;
    width: 100%;
    border: 0px;
    float:left;
}

Проверить рабочую демонстрацию - http://jsfiddle.net/zk9eD/5/

2
swapnesh 1 Апр 2013 в 22:11