2 таблицы + inline-block + 50% и всё в одну строку

[BaNru]

Суть задачи
Разместить ДВЕ таблицы в один ряд, при этом они равны 50% и имеют параметр inline-block.

Если делать невалидную верстку, то все работает.

В общем вот тут всё показано и расписано.

Подскажите что мешает таблицам встать в 1 ряд?

Обернуть еще одной таблицей не вариант.

UPD Забыл сказать, в комментариях к HTML коду показано в чем не валидность верстки

 

[medwoodu]

Суть задачи
Разместить ДВЕ таблицы в один ряд, при этом они равны 50% и имеют параметр inline-block.

Если делать невалидную верстку, то все работает.

В общем вот тут всё показано и расписано.

Подскажите что мешает таблицам встать в 1 ряд?

Обернуть еще одной таблицей не вариант.

+2px бордера на ширину таблицы.
получается 100%+4px

 

[BaNru]

Если бы.
Пробовал ставить и бордер в 0, и целпаддинги/целспасинги в 0. Не помогает.

Я специально сверстал пример, что б желающие могли попробовать на месте. У меня не получается решить эту задачку.

 

[medwoodu]

Если бы.
Пробовал ставить и бордер в 0, и целпаддинги/целспасинги в 0. Не помогает.

Я специально сверстал пример, что б желающие могли попробовать на месте. У меня не получается решить эту задачку.

style = float: left

 

[BaNru]

Да, пробовал, но этот вариант так же отпадает по причине, если таблицы разные.

Сделал для наглядности пример с флоат:лефт

Почему вот парсер восстанавливает код и работает корректно, а если самому проставить сразу корректно, то не хочет?!

Решено.
Решение подсказал Vend3tta на askdev'е

Вылазит при парсинге html кода лишний пробел, который и мешает встать инлайн-блокам в ряд.

 

[motek]

Суть задачи
Разместить ДВЕ таблицы в один ряд, при этом они равны 50% и имеют параметр inline-block.

Если делать невалидную верстку, то все работает.

В общем вот тут всё показано и расписано.

Подскажите что мешает таблицам встать в 1 ряд?

Обернуть еще одной таблицей не вариант.

UPD Забыл сказать, в комментариях к HTML коду показано в чем не валидность верстки

а зачем вообще таблицы??? почему нельзя сверстать дивами??? :blink: или это чисто задание такое?

 

[BaNru]

motek, потому что я предпочитаю котлеты и мух держать раздельно. Это для форума, контекстной части. Я ж в примере вроде ясно показал, что это именно табличные данные.