Почему iframe внутри таблицы портит размеры ячеек?

Question

[Евгений Обыкновенный]

Такой примерно код

<table width="100%">
<tr><td colspan="2"><iframe ... style="width:600px;height:400px;"></iframe></td></tr>
<tr><td width="10%">text1</td><td>text2</td></tr>
</table>

Если в первой ячейке нет iframe, то вторая строка делится в соотношении 10:90, но если iframe есть, то соотношение близкое к 50:50, причем iframe не широкий, ячейку ничуть не растягивает. Почему так и как этого избежать?

Comments

[Илья]

codepen.io/Rimush/pen/YGwGaO - не вижу такой проблемы, можно Ваш пример в студию?

[Илья]

А вообще указывай нужные размеры у столбцов и не будет проблем.

[Евгений Обыкновенный]

Илья: соотношения явно не 1:9 Если поставить 5%, то это будет еще очевиднее.

Answer 1

[trushka]

попробуй задать ширину ячейки через тэг col

Answer 2

[Илья]

У второго столбца тоже задай размер. Например первый 5% а второй 95%.

codepen.io/Rimush/pen/YGwGaO

Answer 3

[MihailDonskoy]

попробуй в % размер iframe задать вот так по 100% и проблема решена